jquery讓select不選中的實現(xiàn)方法

發(fā)布時間：2020-12-23 09:49:00 來源：億速云閱讀：628 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細講解有關(guān)jquery讓select不選中的實現(xiàn)方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

jquery讓select不選中的實現(xiàn)方法：首先打開相應(yīng)的代碼文件；然后通過“attr()”方法設(shè)置disabled屬性為disabled；最后運行代碼即可查看select下拉框不選中的效果。

jquery讓select不選中:

在jquery中，設(shè)置select下拉框不可選，不選中，主要是通過attr()方法設(shè)置disabled屬性為disabled。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        select{  /*為了看到效果這里添加了寬和高*/
            width:100%;
            height:100px;
            margin:100px 0;
        }
    </style>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
    <div id="div1">
        <select id="select1">
            <option value="1">我是第一個option</option>
            <option value="2">我是第二個option</option>
            <option value="3">我是第三個option</option>
            <option value="4">我是第四個option</option>
        </select>
    </div>
    <div id="select2">
        <select>
            <option value="1">我是第一個option</option>
            <option value="2">我是第二個option</option>
            <option value="3">我是第三個option</option>
            <option value="4">我是第四個option</option>
        </select>
    </div>
    <script>
        $(function(){
            $("select").each(function () {
                $(this).attr("disabled","disabled");
            });
        });
    </script>
</body>
</html>

效果圖：

jquery讓select不選中的實現(xiàn)方法

說明：

這樣通過attr()方法直接在select標簽上添加disabled="disabled"屬性來禁用select，讓select標簽不能展開，也就不可選中了。

關(guān)于jquery讓select不選中的實現(xiàn)方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

jquery讓select不選中的實現(xiàn)方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽