ホームページ  >  記事  >  ウェブフロントエンド  >  js_javascript を使用してドロップダウン ボックスを読み取り専用に設定するためのヒント

js_javascript を使用してドロップダウン ボックスを読み取り専用に設定するためのヒント

WBOY
WBOYオリジナル
2016-05-16 16:52:591448ブラウズ

プロジェクトの開発プロセス中に、ドロップダウン ボックスを読み取り専用に設定する必要があることがよくありますが、残念ながら select には読み取り専用属性がないため、select の外側にスパンを含めて、js を通じて変更する必要があります。

次の HTML コードは、span タグを struts2 のドロップダウン タグに追加します。これにより、ページが読み込まれるときにドロップダウン ボックスが読み取れなくなります。

コードをコピー コードは次のとおりです:






以下は init メソッドで selectReadOnly を呼び出します。ドロップダウン ボックスを読み取り専用にします。

コードをコピー コードは次のとおりです:
/* に基づいてのみ選択を設定します。ページのスパン 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");
}

これで完了です。エフェクトを試してください。 ! !
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。