So deaktivieren Sie die Auswahl in jquery-js-Tutorial-php.cn

So deaktivieren Sie die Auswahl in jquery

藏色散人

Freigeben： 2020-12-22 10:37:37

Original

2477 Leute haben es durchsucht

Die Implementierungsmethode zum Aufheben der Auswahl in jquery: Öffnen Sie zuerst die entsprechende Codedatei und setzen Sie dann das deaktivierte Attribut über die Methode „attr()“ auf deaktiviert. Führen Sie schließlich den Code aus, um die Auswirkung des Auswahl-Dropdown-Felds zu sehen abgewählt wird.

So deaktivieren Sie die Auswahl in jquery

Die Betriebsumgebung dieses Tutorials: Windows 7-System, jquery3.3.1-Version. Diese Methode ist für alle Computermarken geeignet.

Verwandte Empfehlungen: „jquery-Video-Tutorial“

jquery, um die Auswahl aufzuheben:

In jquery dient das Festlegen des Auswahl-Dropdown-Felds auf „nicht auswählbar“ oder „nicht ausgewählt“ hauptsächlich dazu, das deaktivierte Attribut über das auf „deaktiviert“ zu setzen attr()-Methode.

<!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>

Nach dem Login kopieren

Rendering:

So deaktivieren Sie die Auswahl in jquery

Anweisungen:

Fügen Sie auf diese Weise das Attribut „disabled="disabled" über die Methode attr() direkt zum Select-Tag hinzu, um die Auswahl zu deaktivieren, sodass das Select-Tag nicht erweitert werden kann und kann nicht ausgewählt werden.

Das obige ist der detaillierte Inhalt vonSo deaktivieren Sie die Auswahl in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!