Question

我正在尝试使用带有onChange事件的select，我只需要显示2个可能的选择，默认情况下会选择第一个。

当您点击提交按钮而不更改下拉列表时出现问题，因为它不起作用，提交任何表单。它不起作用是正常的，因为onChange事件需要更改以便选择值。如果我选择第二个选项并再次选择第一个选项，则可以正常工作。

有没有办法在不更改下拉菜单的情况下，选择默认值并将其发送到表单？

<form action=javascript:action method="post">
    ...
    <select name="selectType" id="selectId" onChange="this.form.action=this.options[this.selectedIndex].value;">
        <option selected="yes" value="index.pl">At</option>
        <option value="custom.pl">Pr</option>
    </select>
</form>

非常感谢你，对不起，如果这是一个新手问题，我是新手。

Answer 1

只需将表单操作默认为index.pl即可。它会在onChange事件触发后更新：

<form action="index.pl" method="post">

Answer 2

首先从<form>代码中删除无效操作，然后将此代码添加到您的页面中：

<script type="text/javascript">
window.onload = function() {
    document.getElementById("selectId").onchange();
};
</script>

这应该会自动触发change事件，从而在窗口加载时填充表单操作。

<select> onchange选择而不更改</select>

2 个答案: