我发现了很多有用的示例,说明如何设置HTML“选择”表单。我在任何地方找不到的是如何“自动触发”默认选项,而不必从下拉菜单中首先“选择”它。HTML选择表单 - 如何“触发”默认选项
-1
A
回答
0
既然你已经为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>
+0
'window.onload'是JavaScript,你需要在''标签内包含上面的所有代码。上面更新的代码。 –
+0
它的工作,Phani!绝对完美!非常感谢你!将此标记为已接受!同时也感谢HBK给出的答案! – butterfly
0
在onload()
方法做到这一点:
Var select = document.getElementsByName('fruit')[0];
select.value=1;
select.dispatchEvent(new Event('change'));
这将改变页面加载所选选项1
(或其他任何你想),并触发onchange
事件,应填写表格。
相关问题
- 1. html选择不显示默认选项
- 2. HTML选择默认
- 3. Angularjs选择选项默认
- 4. 如何默认选择单选按钮?
- 5. 如何在HTML选择标记中显示默认选项值
- 6. 如何在HTML下拉菜单中设置默认选择选项?
- 7. 安卓铃声选择器列表与默认选项选择
- 8. ZF2表单中选择确定停用默认选项
- 9. Laravel编辑表单 - 选择默认选项
- 10. JQuery菜单 - 默认选择项目
- 11. 如何角JS选择在选择列表中默认的下拉选项
- 12. 如何在触发器中选择默认值?
- 13. 如何触发单击按钮上的选择选项?
- 14. HTML表单选择选项不隐藏
- 15. ASP.NET DropDownList/HTML选择列表默认选择
- 16. rails选择表单标签 - 如何添加默认的“全部”选项?
- 17. 选择默认选择
- 18. 选择选项默认值为条件
- 19. jQuery选择默认选项显示
- 20. Angular 2 RC1 - 选择默认选项
- 21. 默认选择的选项不angularjs
- 22. 选择选项默认不起作用
- 23. js onchange提交默认选择选项
- 24. AngularJS ng-options Ajax默认选择选项
- 25. 角度默认选择选项
- 26. 默认选择选项为空
- 27. 默认选择选项在角
- 28. jquery选择选项,默认值为
- 29. 选项选择,不显示默认
- 30. 角度2选择选项默认值
[用JavaScript更改