HTML选择表单 - 如何“触发”默认选项

Question

我发现了很多有用的示例，说明如何设置HTML“选择”表单。我在任何地方找不到的是如何“自动触发”默认选项，而不必从下拉菜单中首先“选择”它。

Answer 1

既然你已经为select元素定义onchange事件，您可以拨打.onchange()触发onchange事件select元素。

示例代码如下：

<form> 
 
\t <select name="fruit" onchange="showFruit(this.value)"> 
 
\t \t <option>Choice:</option>  
 
\t \t <option value="1">Yellow Fruit</option> 
 
\t \t <option value="2">Red Fruit</option> 
 
\t </select> 
 
</form> 
 

 
<script> 
 
\t window.onload = function() { 
 
\t \t var el = document.getElementsByName('fruit')[0]; 
 
\t \t el.value = 1; //Set default value 
 
\t \t el.onchange(); //trigger onchange event 
 
\t } 
 

 
\t function showFruit(val) { 
 
\t \t alert(val); 
 
\t } 
 
</script>

Answer 2

在onload()方法做到这一点：

Var select = document.getElementsByName('fruit')[0]; 
select.value=1; 
select.dispatchEvent(new Event('change')); 

这将改变页面加载所选选项1（或其他任何你想），并触发onchange事件，应填写表格。