A. Method for event handling:
function Setreadonly (obj) {
if (obj) {
Obj.onbeforeactivate=function () {return false;};
Obj.onfocus = function () {Obj.blur ();};
Obj.onmouseover = function () {obj.setcapture ();};
Obj.onmouseout = function () {obj.releasecapture ();};
}
}
Two. If you are editing the page, the request list is read-only and dimmed, and when the form is submitted to retain the original value, jquery's writing:
Note: The components to import jquery
var it=["level", "possibility", "priority"];//put the ID of the tag in an array
$.each (It,function (index,value) {
Setreadonly ($ ("#" +value). Get (0));//Call method above
$ ("#" +value). After ("<input type= ' hidden ' name= ') +$ (" # "+value). attr (" name ") +" ' value= ' "+$ (" # "+value). Val () +" '/ > ");
$ ("#" +value). attr ("Disabled", "disabled");
$ ("#" +value). CSS ("Color", "gray");
});
This is a cross browser
Summary of the above method: When the select is set to Disabled, the value is assigned to a hidden field with the same name as SELECT, so that the effect of the value can be obtained even if the background is read-only.