Question

我找到了许多有关如何设置HTML的有用示例＆＃34; select＆＃34;形成。我在任何地方都找不到的是如何＆＃34;自动触发＆＃34;默认选项，无需＆＃34;选择＆＃34;它首先来自下拉。

Answer 1

在onload()方法中执行此操作：

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

这会在页面加载时将所选选项更改为1（或您想要的任何其他选项），并同时触发填充表格的onchange事件。

Answer 2

由于您已为onchange元素定义了select事件，因此您可以致电.onchange()以触发onchange元素的select事件。

以下示例代码：

＆＃13;

<form>
	<select name="fruit" onchange="showFruit(this.value)">
		<option>Choice:</option>    
		<option value="1">Yellow Fruit</option>
		<option value="2">Red Fruit</option>
	</select>
</form>

<script>
	window.onload = function () {
		var el = document.getElementsByName('fruit')[0];
		el.value = 1; //Set default value
		el.onchange(); //trigger onchange event
	}

	function showFruit(val) {
		alert(val);
	}
</script>

＆＃13;

HTML选择表单 - 如何＆＃34;触发＆＃34;默认选项

2 个答案: