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

jQuery & Ajax - Load items to a select input when page loads

本文关键字：加载 项目 选择 输入 jQuery Ajax-      更新时间：2023-09-26

我有两个<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/AAJAX代码：

$('#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() {，但没有成功。

有什么想法吗？提前感谢

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

$('#state').change(function() {
    //your code...
}).change();//trigger on page load
相关文章：