2021-05-30 随机选中的下拉框

最新推荐文章于 2025-06-16 11:11:37 发布

原创最新推荐文章于 2025-06-16 11:11:37 发布 · 97 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#dom #js #css

项目与应用专栏收录该内容

73 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript实现点击按钮时随机选中HTML<select>元素中的一个<option>。通过为<button>元素添加点击事件监听器，并结合随机数生成函数，可以实现选项的随机选中效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

思路:

让随机的option的selected属性变成true

代码:

html:

<select>
    <option>北京</option>
    <option>上海</option>
    <option>广州</option>
    <option>深圳</option>
</select>
<button id="btn" value="">随机选中</button>

js:

var btn = document.getElementById("btn")
var options = document.getElementsByTagName("option");
btn.addEventListener("click", function() {
    var i = getNum(0, options.length - 1);
    options[i].selected = true;
});
function getNum(min, max) {return Math.round(Math.random() * (max - min) + min);}