ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryでselectを利用できないようにする方法
jqueryでselectを利用できないようにする方法
- coldplay.xixiオリジナル
- 2021-01-06 16:47:005016ブラウズ
jquery で select を使用不可にする方法: 1. attr メソッドを使用して無効にします。コードは [$("#select").attr("disabled","disabled")]; 2. jquery は select を利用できません。コードは [
このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、DELL G3 コンピューター、この方法はすべてのブランドのコンピューターに適しています。
推奨事項: jquery チュートリアル
選択を使用不可にする jquery メソッド:
無効化には通常
attrメソッドを使用します。$("#select").attr("disabled","disabled");無効化の解除には
主に
removeAttrメソッドを使用して無効化を解除します属性を使用して無効化をキャンセルします。$("#select").removeAttr("disabled");例: jquery により選択が使用できなくなります
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> <style> select{ /*为了看到效果这里添加了宽和高*/ width:100%; height:100px; margin:100px 0; } </style> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> </head> <body> <div id="div1"> <select id="select1"> <option value="1">我是第一个option</option> <option value="2">我是第二个option</option> <option value="3">我是第三个option</option> <option value="4">我是第四个option</option> </select> </div> <div id="select2"> <select> <option value="1">我是第一个option</option> <option value="2">我是第二个option</option> <option value="3">我是第三个option</option> <option value="4">我是第四个option</option> </select> </div> <script> $(function(){ $("select").each(function () { $(this).attr("disabled","disabled"); }); }); </script> </body> </html>プログラミング関連の知識の詳細については、次のサイトを参照してください: プログラミング教育!!
以上がjqueryでselectを利用できないようにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。