Question

我正在开发一个项目，我必须选择一个选择框的特定选项，我知道如何做到这一点，但问题是必须在选择框的值发生变化时调用函数，当我们这样做时手动它可以工作，但是当我使用jquery onload时，该功能不起作用。因为它仅在用户从选择框手动更改选项时才起作用。请告诉我怎么做。

示例：

          <select>
               <option val="0" selected></option>
               <option val="1"></option>
               <option val="2"></option>
               <option val="3"></option>
               <option val="4"></option>
               <option val="5"></option>
          </select>

这是我尝试过的一些努力：

$("select").val('5');

Answer 1

您希望在首次加载页面时预先选择一个选项吗？

这一点jQuery将找到值为5的option并选择它。通过将其包装在jQuery(document).ready函数中，它将在页面加载后运行。

＆＃13;

jQuery(document).ready(function($){
  $('select').find('option[value=5]').attr('selected','selected');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<select>
    <option value="0" selected>0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>

＆＃13;

Answer 2

猜猜看，这很简单。

您的选择组件：

<select id="YourSelectComponentID">
            <option value="0">Apple</option>
            <option value="2">Banana</option>
            <option value="3">Cat</option>
            <option value="4">Dolphin</option>
</select>

将其复制并粘贴到javaScript部分。

$(function(){
   document.getElementById("YourSelectComponentID").value = 4;
});

现在，只要页面加载，您的选项4就会被选中。

Answer 3

使用此功能，您可以在页面加载时更改选择框的值

＆＃13;

jQuery(document).ready(function($){
  $('select').find('option[value=USD]').attr('selected','selected');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<select>
   <option value="JPY">Japanese yen (JPY)</option>
<option value="AFN">Afghan afghani (AFN)</option>
<option value="ALL">Albanian lek (ALL)</option>
<option value="DZD">Algerian dinar (DZD)</option>
<option value="AOA">Angolan kwanza (AOA)</option>
<option value="ARS">Argentine peso (ARS)</option>
<option value="AMD">Armenian dram (AMD)</option>
<option value="AWG">Aruban florin (AWG)</option>
<option value="USD">United States dollar (USD)</option>
</select>

＆＃13;

如何更改选择框onload的选定选项？

3 个答案: