ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery select自動選択機能の実装方法の解析

jQuery select自動選択機能の実装方法の解析

高洛峰
高洛峰オリジナル
2016-12-03 16:27:291306ブラウズ

この記事では、jQuery select 自動選択機能の実装方法を例を通して分析します。参考のために皆さんと共有してください。詳細は次のとおりです。

//筛选
var typeid = "<!--{$typeid}-->";
var bigclassid = "<!--{$bigclassid}-->";
var smallclassid = "<!--{$smallclassid}-->";
$("#typeid option[value="+typeid+"]").attr("selected",true);
$("#typeid").change();
$("#bigclassid option[value="+bigclassid+"]").attr("selected",true);
$("#bigclassid").change();
$("#smallclassid option[value="+smallclassid+"]").attr("selected",true);

値を取得したら、自動的に選択されるように設定します。

選択後、change()メソッドを呼び出します。変更方法により、次のレベルの選択ボックスが表示されます。次に、それを再度選択し、change() メソッドを呼び出します。このようにして、デフォルトで 3 レベルの選択ボックスがすべて表示および選択されます。

りー


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