javascript - 重置所有选择下拉菜单

标签 javascript jquery

我有一个由 onbeforeunload 调用的函数。我希望在其中重置所有下拉菜单,但我找不到将它们重置回 0 值的正确方法。

<head>
    <script type="text/javascript">
        function displaymessage() {
            document.getElementsByTagName('select').value = 1;
            //or
            document.getElementsByTagName('select').options.length = 0;
        }
    </script>
</head>

<body>
    <form>
        <input type="button" value="Click me!" onclick="displaymessage()" />
    </form>

    <select name="data[Rate][15][12][num_rooms]" id="r15ro12">
        <option value="0">0</option><option value="1">1 Rooms</option>
        <option value="2">2 Rooms</option><option value="3">3 Rooms</option><option value="4">4 Rooms</option>
        <option value="5">5 Rooms</option><option value="6">6 Rooms</option><option value="7">7 Rooms</option>
        <option value="8">8 Rooms</option><option value="9">9 Rooms</option>
    </select>

    <select name="data[Rate][15][12][num_rooms]" id="r15ro12">
        <option value="0">0</option><option value="1">1 Rooms</option>
        <option value="2">2 Rooms</option><option value="3">3 Rooms</option><option value="4">4 Rooms</option>
        <option value="5">5 Rooms</option><option value="6">6 Rooms</option><option value="7">7 Rooms</option>
        <option value="8">8 Rooms</option><option value="9">9 Rooms</option>
    </select>
</body>
</html>

最佳答案

function displaymessage() {
    $("select").each(function() { this.selectedIndex = 0 });
}

这会选择第一个选项(不一定具有 value = 0)

关于javascript - 重置所有选择下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8711670/

相关文章:

javascript - 下面如何定义事件

javascript - 将文本转换为可编辑文本输入并保存到数据库中 - Laravel

javascript - 使用 jQuery 删除具有相同类名的多个表

javascript - 如何使用 ExpressJS 从 jQuery ajax post 获取数据

c# - 从javascript触发服务器端事件

javascript - Ajax响应日期时间选择器点击事件未绑定(bind)

javascript - HTML - div 不可点击

javascript - 与 jquery ui 可排序和选项卡作斗争(想在选项卡周围移动项目)

Javascript 对象字面量命名规则

javascript - 使用 javascript 或 jquery 检测 struts2 自动完成器标记值的变化