ホームページ >ウェブフロントエンド >jsチュートリアル >js_javascript を使用してドロップダウン ボックスを読み取り専用に設定するためのヒント
js_javascript を使用してドロップダウン ボックスを読み取り専用に設定するためのヒント
- WBOYオリジナル
- 2016-05-16 16:52:591482ブラウズ
プロジェクトの開発プロセス中に、ドロップダウン ボックスを読み取り専用に設定する必要があることがよくありますが、残念ながら select には読み取り専用属性がないため、select の外側にスパンを含めて、js を通じて変更する必要があります。
次の HTML コードは、span タグを struts2 のドロップダウン タグに追加します。これにより、ページが読み込まれるときにドロップダウン ボックスが読み取れなくなります。
コードをコピー コードは次のとおりです:
コードをコピー コードは次のとおりです:
/* に基づいてのみ選択を設定します。ページのスパン ID 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");
}
これで完了です。エフェクトを試してください。 ！ ！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");
}
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。