zoukankan      html  css  js  c++  java
  • 随机设置下拉框的选中项

    HTML DOM Select 对象:https://www.w3school.com.cn/jsref/dom_obj_select.asp

    js随机数的生成:https://www.runoob.com/w3cnote/js-random.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
        <script>
            window.onload = function () {
                // 1,给按钮注册事件
                var btnSet = document.getElementById('btnSet');
                btnSet.onclick = function () {
                    // 2,获取下拉框的所有option:伪数组
                    var selCity = document.getElementById('selCity');
                    var options = document.getElementsByTagName('option');
                    // 3,随机生成一个索引 范围在0-4
                    // Math.random() 范围[0,1)
                    var randomIndex = parseInt(Math.random() * options.length);
                    // 4,根据索引获取option 并让option选中 selected = "selected"
                    options[randomIndex].selected = true;
                }
            }
        </script>
    </head>
    <body>
    <input type="button" value="设置" id="btnSet">
    <select name="" id="selCity">
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3">加油</option>
        <option value="4">你好</option>
        <option value="5">努力啊</option>
    </select>
    </body>
    </html>
  • 相关阅读:
    静态方法、类方法、属性方法
    B-tree/B+tree
    支付宝
    七牛云上传视频3
    测试理论
    测试理论
    Xshell上传文件
    iptables增加、删除、修改、查询、保存防火墙策略教程
    docker私有仓库常用命令
    centos7修改主机名
  • 原文地址:https://www.cnblogs.com/ella-li/p/14541245.html
Copyright © 2011-2022 走看看