Javascript 在“选择”中单击时禁用选项_Javascript_Drop Down Menu_Onclick

Javascript 在“选择”中单击时禁用选项

javascript drop-down-menu

Javascript 在“选择”中单击时禁用选项,javascript,drop-down-menu,onclick,Javascript,Drop Down Menu,Onclick,单击选择时，如何使禁用选项？这是我的代码，它不起作用。控制台中没有错误这是： <!DOCTYPE html> <html> <head> <script type="text/javascript"> window.onload = function () { var numSelect = document.getElementsByClassName("numSelector")

单击选择时，如何使禁用选项？这是我的代码，它不起作用。控制台中没有错误

这是：

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
        window.onload = function () {
            var numSelect = document.getElementsByClassName("numSelector");
            for (var i = 0; i < numSelect.length; i++) {
                numSelect[i].innerHTML="<span class='firstSelector'><option>Select Number</option></span><option>1/2</option>";
                numSelect[i].onclick = disableSelect;

            }
        }
        function disableSelect() {
            for (var a = 0; a < document.getElementsByClassName("firstSelector").length; a++) {
                document.getElementsByClassName("firstSelector")[i].innerHTML="<optgroup>Select Number</optgroup>";
            }

        }
        </script>
    </head>

    <body>
        <select class="numSelector"></select>
        <select class="numSelector"></select>
    </body>
</html>

只需使用纯HTML

选择号码 1. 等

我不知道你想要什么，但这里是禁用下拉值的方法

<select id="select1" onclick="disableSelectedItem(this);">
    <option>Select Number</option>
    <option>1</option>
    <option>2</option>
</select>

<select id="select2" onclick="disableFirstItemOnly(this);">
    <option>Select Number</option>
    <option>1</option>
    <option>2</option>
</select>

<script type="text/javascript">
    function disableSelectedItem(ddl) {
        var value = ddl.options[ddl.selectedIndex].value;
        var count = ddl.length;

        for (var i = 0; i < count; i++) {
            if (ddl.options[i].value == value) 
                ddl.options[i].disabled = true;
            else 
                ddl.options[i].disabled = false;
       }
     }

     function disableFirstItemOnly(ddl) {
         ddl.options[0].disabled = true;
     }
</script>

作为一个孩子，你不能让斯潘选择你到底想做什么..这就是我想要的。谢谢：太棒了，但我没有使用表单界面。我使用的是纯JS但我还是要看一看。