1

国名のリストを含む選択メニューがあります。jquery を使用して、現在選択されているオプションの値を取得しています。これを、オートコンプリート フィールドに入力するために使用しているリモート ソース ファイルの URL に追加します。

国選択メニューの onchange 関数内で選択メニューの値を更新する必要があります。現在、ページが最初にロードされたときに選択メニューの値を使用します。

リモートページで実行しようとしているmysqlクエリの結果を変更するために、onchangeの値を再評価させようとしています。

<script type="text/javascript">

  $(function() {

  $('#from_country').val("");

  $("#city").autocomplete({
    source: "json-list.php?country=" + $( "#from_country" ).val(),
    minLength: 3,
    select: function(event, ui) {
      $('#from_zip').val(ui.item.postal_code);
    }
  });
});

</script>

<select name="from_country"  id="from_country" >
  <option value='US'>United States</option>
  <option value='AU'>Australia</option>
</select>
4

2 に答える 2

0

init 後にソースオプションを変更できます。

$("#city").autocomplete( "option", "source", /* new source path */ );
于 2012-08-03T02:22:29.487 に答える
0

changeイベントハンドラを使用できます：

$('#from_country').change(function(){
  var val = this.value;
  $("#city").autocomplete({
    source: "json-list.php?country=" + val,
    minLength: 3,
    select: function(event, ui) {
      $('#from_zip').val(ui.item.postal_code);
    }
  });
}).change()
于 2012-08-03T02:18:58.850 に答える