如何更改選擇框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的選定選項？

回答

相關問題