[英]Select option with jquery based on other select option box
我有2個選擇框。 我想根據第一個框中選擇的選項操縱另一個框。
<select name="abc" id="abc">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
第二個選擇框
<select name="xyz" id="xyz">
<option value="1">X</option>
<option value="2">Y</option>
<option value="3">Z</option>
</select>
<br>
現在我想要的是,當頁面加載時,如果我選擇選項1即A,則第二個復選框應自動設置為選項3,即Z,反之亦然。 如果我在第一個選擇框中選擇選項2即B,則第二個選擇框應顯示選項1,即X,反之亦然,依此類推。 使用什么jquery函數?
你可以使用change()
事件處理程序來做這樣的事情
var $select = $('#abc,#xyz'); $select.change(function() { $select.val(this.value); }).change();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <select name="abc" id="abc"> <option value="1">A</option> <option value="2">B</option> <option value="3">C</option> </select> <select name="xyz" id="xyz"> <option value="2">X</option> <option value="3">Y</option> <option value="1">Z</option> </select>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.