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

Question

我一直在堆栈上寻找这个，但是找不到完整的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>

​

Answer 1

您可以使用$('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>

​