Question

我有一个包含国家/地区名称列表的选择菜单。我正在使用jquery来获取当前所选选项的值。我将此附加到我用来填充自动完成字段的远程源文件的URL。

我需要在国家选择菜单的更改功能中更新选择菜单的值。目前，它在首次加载页面时使用选择菜单的值。

我试图让它重新评估onchange上的值，以改变我试图在远程页面上运行的mysql查询的结果。

<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>

Answer 1

您可以使用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()

Answer 2

您可以在init之后更改源选项：

$("#city").autocomplete( "option", "source", /* new source path */ );

JQuery - 选择菜单 - OnChange重新评估价值

2 个答案: