时间戳

首页 > 解决方案 > 如何使用 jQuery 选择所有表单字段元素？

html - 如何使用 jQuery 选择所有表单字段元素？

问题描述

我一直在堆栈上寻找这个，但找不到完整的 jQuery 脚本。

基本上，我正在寻找一个简短的 jQuery 脚本来选择带有链接的所有选项。

需要帮忙。

<fieldset class="usp-fieldset usp-fieldset-default">
<select name="usp-taxonomy-country[]" required="required" data-required="true" multiple="multiple" class="usp-input usp-input-taxonomy custom-taxonomy usp-select">
<option value="">Please select..</option>
<option value="11">United States</option>
<option value="12">Canada</option>
<option value="13">United Kingdom</option>
<option value="14">Australia</option>
<option value="15">New Zealand</option>

</select>
</fieldset>

<a href="#">(select all countries)</a>

标签： htmljquery

解决方案

您可以使用$('select.usp-select option').prop('selected', true);

function selectAll() {
  $('select.usp-select option').prop('selected', true);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<fieldset class="usp-fieldset usp-fieldset-default">
  <select name="usp-taxonomy-country[]" required="required" data-required="true" multiple="multiple" class="usp-input usp-input-taxonomy custom-taxonomy usp-select">
    <option value="">Please select..</option>
    <option value="11">United States</option>
    <option value="12">Canada</option>
    <option value="13">United Kingdom</option>
    <option value="14">Australia</option>
    <option value="15">New Zealand</option>

  </select>
</fieldset>

<a href="#" onclick="selectAll();">(select all countries)</a>

推荐阅读