Question

我有2个<select>输入：

<select id="state">
  <option value="" selected>Select</option>
  <option value="california">California</option>
  <option value="new-york">New York</option>
</select>

<select id="city">
  <option value="">Select</option>
</select>

和jQuery / AJAX代码：

$('#state').change(function() {
    var id=$(this).val();
    var dataString = 'state='+id;
    $.ajax({
        type: 'POST',
        url: scriptpath+'../ajax/fields.php',
        data: dataString,
        cache: false,
        success: function(output) {
            $('#city').html(null);
            $('#city').append(output);
        },
    });
});

说明：一切正常。 #city输入会根据#state输入值而更改...现在，如果我加载"california"作为default值的页面，则#city输入因为它使用.change()事件而没有变化。如何在页面加载时检测#state输入上的选定值？

我试过$('#state').on("change load",function() {但没有成功。

有什么想法吗？提前致谢

Answer 1

只需在第一页加载时触发更改事件：

$('#state').change(function() {
    //your code...
}).change();//trigger on page load

jQuery＆amp; Ajax - 在页面加载时将项目加载到选择输入

1 个答案: