[英]Change dropdown selection value based on another dropdown?
我有兩個下拉option1和option2 。 我正在嘗試根據索引的另一個下拉選擇更改下拉選擇。
如果在option1選擇了第一個選項，則也必須從option2下拉列表中選擇相同的option2 。
例如： option1 - mark . option2 - 20 option1 - mark . option2 - 20
Option1<br>
<select id="option1">
<option value="john">john</option>
<option value="mark">mark</option>
<option value="rob">rob</option>
</select><br>
Option2<br>
<select id="option2">
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
</select>
像這樣的事情應該對你有用。
let option1 = document.getElementById('option1'); let option2 = document.getElementById('option2'); function matchOptions(e) { let option = e.target.selectedIndex; option1.selectedIndex = option; option2.selectedIndex = option; } option1.addEventListener('change', matchOptions); option2.addEventListener('change', matchOptions);
Option1<br> <select id="option1"> <option value="john">john</option> <option value="mark">mark</option> <option value="rob">rob</option> </select><br> Option2<br> <select id="option2"> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> </select>您可以使用純 JS 以這種方式完成
<head>
<title>My Func</title>
</head>
<body>
Option1<br>
<select id="option1" onchange="myFunction()">
<option value="john">john</option>
<option value="mark">mark</option>
<option value="rob">rob</option>
</select><br>
Option2<br>
<select id="option2">
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
</select>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("option1");
var y = document.getElementById("option2");
if (x.value==='john'){
y.value = 19;
}else if(x.value==='mark'){
y.value = 20;
}else if(x.value==='rob'){
y.value = 21;
}
}
</script>
</body>
<script>
document.getElementById('option1').addEventListener('change', function () {
document.getElementById('option2').selectedIndex = this.selectedIndex;
});
</script>
通過 addEventListener() 方法將一個事件添加到 option1 中，當用戶選擇該 'select' 中的任何選項時，該方法將被執行，此事件允許更改 option2 中選擇的選項，分配給屬性 selectedIndex（指示所選索引）在選項 1 中選擇的選項的索引。 結果，如果在選項 1 中選擇了第一個選項，則選擇了選項 2 的第一個選項，依此類推。
使用 Jexcel 根據選擇的另一個下拉列表更改下拉列表值
[英]Change dropdown values based on a selection of another dropdown using Jexcel
根據對另一個不接受數值的下拉列表的選擇來填充下拉列表
[英]populating a dropdown based on selection of another dropdown value not accepting numeric values
如何根據另一個Dropdown使用javascript更改下拉列表值？
[英]How to change Dropdown lists value based on another Dropdown using javascript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.