Maison >interface Web >js tutoriel >Comment rendre la sélection non sélectionnée dans jquery

Comment rendre la sélection non sélectionnée dans jquery

藏色散人
藏色散人original
2020-12-22 10:37:152480parcourir

La méthode d'implémentation de jquery pour décocher la sélection : ouvrez d'abord le fichier de code correspondant ; puis définissez l'attribut désactivé sur désactivé via la méthode "attr()" et enfin exécutez le code pour voir l'effet de la sélection ; la liste déroulante n'est pas cochée.

Comment rendre la sélection non sélectionnée dans jquery

L'environnement d'exploitation de ce tutoriel : Système Windows 7, version jquery3.3.1, cette méthode convient à toutes les marques d'ordinateurs.

Recommandations associées : "Tutoriel vidéo jquery"

jquery pour décocher select :

Dans jquery, définissez select The drop La case -down n'est pas sélectionnable et décochée, principalement en définissant l'attribut désactivé sur désactivé via la méthode attr().

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

Rendu :

Comment rendre la sélection non sélectionnée dans jquery

Instructions :

De cette façon, ajoutez désactivé="disabled" directement à la balise select via l'attr () méthode Propriété permettant de désactiver la sélection afin que la balise select ne puisse pas être développée et ne puisse donc pas être sélectionnée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn