ホームページ >ウェブフロントエンド >jsチュートリアル >jquery選択解除選択ドロップダウンボックスのサンプルコード_jquery
jquery選択解除選択ドロップダウンボックスのサンプルコード_jquery
- WBOYオリジナル
- 2016-05-16 16:58:501220ブラウズ
選択ドロップダウン ボックスが 3 つあります
大カテゴリが 1 つと小カテゴリが 2 つ非表示になります。大カテゴリを選択すると、小カテゴリが表示され、他の小カテゴリで選択した項目がクリアされます。
この要件はちょっと... ......
次の 3 つの選択肢があります:
コードをコピーします コードは次のとおりです:
"sel_children0" style="display:none;">
/option>
;
コードは次のとおりです。
jQuery.fn.removeSelected = function() { this.val("");};大カテゴリ選択ボックスが選択されたら、selectFunction() メソッドを呼び出します:
コードをコピーします
コードは次のとおりです。
Function selectedFunction () { if ($ (" #sel_type").Val () == "7") { $("#sel_children0").Show (); $("#sel_children1") 8 ){ $(" #sel_children1").show(); $("#sel_children0").hide(); $("#sel_children0").removeSelected( );
🎜> } }
まず jquery.js ファイルを導入することが前提です
まず jquery.js ファイルを導入することが前提です
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。