Maison > interface Web > js tutoriel > le corps du texte

Que faire si jquery select ne peut pas être modifié

藏色散人
Libérer: 2021-11-11 09:25:24
original
3350 Les gens l'ont consulté

Solution à la sélection jquery non modifiable : 1. Ouvrez le fichier de code js correspondant ; 2. Remplacez la liste déroulante par input ; 3. Supprimez "readonly="readonly"".

Que faire si jquery select ne peut pas être modifié

L'environnement d'exploitation de cet article : système Windows7, jquery version 3.2.1, ordinateur DELL G3

Que dois-je faire si jquery select ne peut pas être modifié ?

js et jquery résolvent parfaitement le problème selon lequel la sélection de la liste déroulante ne peut pas être modifiée mais peut transmettre des valeurs

//鼠标移入下拉框将其锁定不可用
$('#下拉框ID').mouseenter(function() {
$('#下拉框ID').attr("disabled","true");
});
//移入其他地方锁定解除(本想设置成移出下拉框锁定解除,但不生效,只能改为移入其他地方,大佬可解答下?)
$("*[id!='下拉框ID']").mouseenter(function() {
$('#下拉框ID').removeAttr("disabled");
});
Copier après la connexion

Si cela est autorisé, modifiez la zone déroulante en saisie et utilisez l'attribut de liste

<div class="changeDiv">
    <a>性别:</a>
    <input id="sex" type="text" list="sexlist" readonly="readonly">
    <datalist id="sexlist">
        <option>男生</option>
        <option>女生</option>
    </datalist>
</div>
Copier après la connexion

Supprimer en lecture seule=" lecture seule" et ce sera une association modifiable. La liste déroulante ne peut pas être modifiée si elle est conservée

Que faire si jquery select ne peut pas être modifié

Apprentissage recommandé : "Tutoriel vidéo jquery"

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal