Heim  >  Artikel  >  Web-Frontend  >  So deaktivieren Sie die Auswahl in jquery

So deaktivieren Sie die Auswahl in jquery

藏色散人
藏色散人Original
2020-12-22 10:37:152431Durchsuche

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>

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn