[英]How can I set or select an option in a SELECT element on Javascript
[英]how to select option inside select element with javascript
所以我有一个带有四个选项的 select 元素。
我想 select 不同的选项,以便不同的功能可以触发,但 onclick 方法不起作用。
let select = document.getElementById('pbvalue'); select.addEventListener('click', dodo); function dodo(e) { if (e.target.value == 1) { alert('hi') } else { alert('no') } }
<select id="pbvalue" tabindex="4"> <option value="0">""</option> <option value="1">100</option> <option value="2">200</option> <option value="3">300</option> </select>
如何 select 不同的选项,所以不同的功能可以据此触发。
做这个:
let select = document.getElementById('pbvalue');
select.onchange = function () {
// get the selected option
var value = select.options[select.selectedIndex].value
}
// get all options:
for ( int i = 0; i < select.options.length; i++ ) {
console.log( select.options[i].value )
}
这应该让您了解如何进行。
使用onchange
事件。
<select id="pbvalue" tabindex="4" onchange="dodo(event)">
<option value="0" disabled>choose</option>
<option value="1">100</option>
<option value="2">200</option>
<option value="3">300</option>
</select>
<script>
function dodo(e){
switch(e.target.value){
case "1":
alert(1);//do what ever you want
break;
case "2":
alert(2);
break;
case "3":
alert(3);
break;
default:
alert("default");
break;
}
}
</script>
您可以在select
元素上添加onChange
事件。
<script>
function onSelectChange() {
const element = document.getElementById('pbvalue');
console.log('Selected Index: ', element.selectedIndex);
console.log('Selected Value: ', element.value);
}
</script>
<select id="pbvalue" tabindex="4" onchange="onSelectChange()">
<option value="0">""</option>
<option value="1">100</option>
<option value="2">200</option>
<option value="3">300</option>
</select>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.