[英]How to change select's option based on a selected option's value?
我在下面select
標簽:
<select name="selID" id="selID" data-mini="true""> <option value="1" selected="selected">Tithes</option> <option value="2">Offering</option> <option value="3">Designated</option> <option class="selOptAddMore" value="0">Add More...</option> </select>
我想在選擇除“添加更多...”之外的選項之一時更改值
對不起,我是新手。 提前致謝。
你可以試試這個:
HTML:
<body>
Result: <p id="result"></p>
<select name="selID" id="selID" data-mini="true" onchange="test()">
<option value="1" selected="selected">Tithes</option>
<option value="2">Offering</option>
<option value="3">Designated</option>
<option class="selOptAddMore" value="0">Add More...</option>
</select>
<script src="test.js"></script>
</body>
測試.js:
function test() {
let listVal = document.getElementById("selID").value;
if (listVal != "0") {
document.getElementById("result").innerHTML = listVal;
}
else {
listVal = 1; // this is value for "Tithes"
document.getElementById("selID").value = listVal;
document.getElementById("result").innerHTML = listVal;
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.