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

我正在一个项目中，我必须选择一个选择框的特定选项，我知道如何做到这一点，但问题是一个函数必须在选择框的值发生变化时调用，当我们手动执行时它的工作原理，但是当我用jquery onload来做时，那个函数不起作用。因为它只在用户从选择框中手动更改选项时才起作用。请告诉我如何做到这一点。如何更改选择框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');

来源

2015-01-16 Amrinder Singh

我记得我有类似的问题。只需调用$（“select”）。change（）设置值 – Nomeaning25

这里是运行的站点，http://54.66.136.29/SplitsBrowser/splits-graph-template.html，我只需要选择最后一个选项下拉菜单，还需要自动调用手动更改的功能，只需从页面顶部的下拉列表中选择最后一个值即可 –

您的网站正在通过AJAX加载它的内容，因此无法在加载时运行任何内容 - 在AJAX调用完成之后，您需要更新selec *。 –

要预先选择一个选项，当第一次加载页面？

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

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

<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>

来源

2015-01-16 11:30:35

你可以改变选择框的值时，页面加载

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

<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>

来源

2016-09-10 10:48:35

猜猜看，这是SIMPL即

您选择组件：

<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将在页面加载时被选中。

来源

2017-11-20 17:16:10

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

回答

相关问题