Maison  >  Article  >  interface Web  >  L'attribut désactivé ne peut pas lire les données en arrière-plan. Comment rendre la prise en charge de la sélection en lecture seule ?

L'attribut désactivé ne peut pas lire les données en arrière-plan. Comment rendre la prise en charge de la sélection en lecture seule ?

高洛峰
高洛峰original
2017-03-02 14:43:502224parcourir

Après avoir défini l'attribut désactivé, les données ne peuvent pas être lues en arrière-plan. Si vous souhaitez sélectionner la prise en charge de l'attribut en lecture seule, vous pouvez définir l'attribut désactivé et stocker la valeur du formulaire dans le champ masqué. contrôlez-le. L'exemple est le suivant, si vous en avez besoin, ne le manquez pas

<span style="font-family:Microsoft YaHei;"><select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;"> 
<option value="1">test1</option> 
<option value="2">test2</option> 
<option value="3" selected="selected">test3</option> 
<option value="4">test4</option> 
<option value="5">test5</option> 
</select> 
</span>


1> Définir l'attribut lecture seule du formulaire
Problème : Mais l'attribut lecture seule n'a aucun effet sur les trois formes de radio, select et checkbox

2》Définir l'attribut désactivé du formulaire

Problème : après avoir défini l'attribut désactivé, les données ne peuvent pas être lues en arrière-plan

Méthode :

1. Définissez l'attribut désactivé et stockez la valeur du formulaire dans le champ caché
2. Utilisez le contrôle jquery (définissez l'attribut du formulaire désactivé = vrai lors du chargement de la page et définissez le attribut du formulaire désactivé = faux lors de la soumission du formulaire)

Code :

Citer le fichier jquery

d271dbcdf3392bb2bdf39dd3004bfafa3fa3f474cbb4b6d948eebecb1be5dde4

Utiliser un script pour contrôler l'attribut désactivé

<span style="font-family:Microsoft YaHei;"><script type="text/javascript"> 
//加载时设置disabled生效 
$(document).ready(function(){ 
$("input[name=category]").attr("disabled",true); 
$("select[name=sonota_kbn]").attr("disabled",true); 
}); 
//提交时设置disabled失效 
$("input[name=modify]").click(function(){ 
$("input[name=category]").attr("disabled",false); 
$("select[name=sonota_kbn]").attr("disabled",false); 
}); 
</script> </span>


Notez ceci : input[name=category]
input est le type de formulaire (par exemple, select C'est une liste déroulante)
name=category Le nom du formulaire


Plus d'attributs désactivés ne peuvent pas lire les données en arrière-plan. Comment rendre le support sélectionné en lecture seule Pour les articles connexes, veuillez faire attention au site Web PHP 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
Article précédent:Le rôle du style de page HTMLArticle suivant:Le rôle du style de page HTML