Maison >interface Web >js tutoriel >Conseils pour définir la zone déroulante en lecture seule à l'aide des astuces js_javascript

Conseils pour définir la zone déroulante en lecture seule à l'aide des astuces js_javascript

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBoriginal
2016-05-16 16:52:591527parcourir

Au cours du processus de développement du projet, nous sommes souvent confrontés à la nécessité de définir la liste déroulante en lecture seule, mais malheureusement, select n'a pas d'attribut en lecture seule, nous devons donc inclure un span en dehors de la sélection et le modifier via js.

Le code HTML suivant ajoute la balise span à la balise déroulante de struts2, ce qui rend la liste déroulante illisible lorsque la page est chargée.

Copier le code Le code est le suivant :







Appelez selectReadOnly dans la méthode init. faites en sorte que la liste déroulante devienne uniquement en lecture.
Copier le code Le code est le suivant :

/*Définissez la sélection sur uniquement en fonction du span id sur la page Read/

function selectReadOnly(selectedId){
var obj = document.getElementById(selectedId);
obj.onmouseover = function(){
obj.setCapture( );
}
obj.onmouseout = function(){
obj.releaseCapture();
}
obj.onfocus = function(){
obj.blur();
}
obj.onbeforeactivate = function(){
return false;
}
}

function init(){
selectReadOnly("id_select");
}

Vous avez terminé ici, essayez l'effet ! ! !
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