Jqueryが選択した動的設定値の例 Introduction_jquery

Jquery が選択したアドレス: https://github.com/harvesthq/chosen
検索と複数選択をサポートする選択プラグインですが、入力はサポートしていません。

間違いなくこれを使います ああ、そうでないと下を向いても意味がありません
突然、州と都市の選択で使用すると次の問題が見つかりました:
1、値を動的に設定できません
2 、選択を動的に設定することはできません
Look APIを何度か検索した後、Miは直接呼び出すことができるメソッドを見つけました。仕方なくソースコードを見てみると、以下のように初期化の際に判定があることが分かりました。

destroy がある場合は ("#city).chosen(デバッグする前に生成された DOM を削除しようとしましたが、それは不可能であることがわかりました。
まず最初の問題を解決します

コードをコピーします次のように:

$("#province").change(function(){
$( "#city").html( "");
$("#city").chosen("destroy");
$("-all- ").appendTo("#city");
$.getJSON("${ctx}/api/getCityByProvinceJson.jsp",{
province:$("#province"). val()
}, function(data){

$.each(data,function(i){
$("" data[i] .city "").appendTo("#city");
});
$("#city").attr("multiple", true);

$("#city").chosen({
no_results_text : "このオプションは見つかりませんでした!",
width: "70%"
}); 🎜>});
} );
$("#city").chosen({
no_results_text : "このオプションは見つかりませんでした!",
width: "70%"
});

この方法では、コードが少し繰り返しているように感じますが、
2 番目の方法はまだ見つかりません。
使用方法は、最初に選択の値を設定し、次にドロップダウン ボックスを初期化します。コードは次のとおりです。
コードをコピー

コードは次のとおりです。 "#city").val("上海"); $("#city").chosen({ no_results_text : "このオプションは見つかりません!",

width:"70%"

});


このようにして、選択した内容を動的に設定できます