0

ユーザーが検索を行う機会があり、その場合はフォームに自動入力したいので、依存選択ボックスでプログラムでオプションを選択しようとしています。これは通常は難しいことではありませんが、問題は依存選択が大量のデータを受信するため、ロードに1〜2秒かかり、必要に応じて設定されていないため、コールバックを使用しようとしました変更トリガーで。しかし今、その関数内では何もしていません。助けてください!(そして、私がばかげているので、これをまったく別の方法で行うべきかどうか教えてください。)

ここに私のJSFiddleがあるので、私がやっていることの基本的な考え方がわかります(フィドルでは機能しません): http://jsfiddle.net/jenborn/24Kpv/1/

   $("select#firstselect").val('abc').trigger("change", true, [function(){
     console.log("initial value and change DONE");
     console.log('Jen is awesome');
     $("select#secondselect").val('123');
     console.log($("select#secondselect").val()); 
   }]);

依存選択は次のように設定されます。

$.getJSON("/cat_dropdowns.php",{parent_id: $(this).val(), required: '1', ajax: 'true'}, function(j){
  var options = '';
  for (var i = 0; i < j.length; i++) {
    options += '<option value="' + j[i].value + '">' + j[i].text + '</option>';
  }

var next_select = ++this_select;
  $("select#" + ctrl + next_select + "_" + row).html(options);
  Foundation.libs.forms.refresh_custom_select($('#' + ctrl + next_select + "_"  + row), true);
  Foundation.libs.forms.assemble();
});

従属選択が親選択の onChange 関数から動的に設定されたら、ユーザーの検索に基づいて正しいオプションをプログラムで選択する必要があります。

4

1 に答える 1