Question

好的，我在select字段上有一个onchange事件。它现在很棒。当下拉“网络”更改时，它会刷新第二个下拉列表。我还希望顶部的ajax代码在页面加载和onchange上触发，以便填充第二个列表。这是因为它在编辑页面上。这是使用第一个

的ajax调用

function get_cities(networks) {
    $.ajax({
        type: "POST",
        url: "select.php", /* The country id will be sent to this file */
        beforeSend:     function () {
            $("#folder").html("<option>Loading ...</option>");
        },
        //data: "idnetworks="+networks,
        data: "idnetworks="+networks +"&doc="+ <?php echo $row_rs_doc['parentid']; ?>,
        success: function(msg){
            $("#folder").html(msg);
        }
    });
}

现在是两个下拉框

<label for="networks"></label>
<select name="networks" id="networks" onChange='get_cities($(this).val())'>
    <?php
    do {  
    ?>
        <option value="<?php echo $row_rs_net['idnetworks']?>"<?php if (!(strcmp($row_rs_net['idnetworks'], $row_rs_doc['network']))) {echo "selected=\"selected\"";} ?>><?php echo $row_rs_net['netname']?></option>
    <?php
    } while ($row_rs_net = mysql_fetch_assoc($rs_net));
    $rows = mysql_num_rows($rs_net);
    if($rows > 0) {
        mysql_data_seek($rs_net, 0);
        $row_rs_net = mysql_fetch_assoc($rs_net);
    };
    ?>
</select>
<select name="folder" id="folder">
</select>

Answer 1

您可以使用.trigger()在选择框上触发change事件，以便调用onchange代码，就像用户刚刚切换选项一样。

jQuery('#networks').trigger('change');

只需将其包含在页面的加载事件/功能中即可。

jQuery(document).ready(function() {
    jQuery('#networks').trigger('change');
});

Answer 2

我不是100％清楚你想要什么，但是在加载页面时使用JQuery做某事的标准方法是使用

$(document).ready(handler)

等待页面“准备就绪”，这样会更好。

所以，在你的文档头中，你会有这样的东西......

<script type="text/javascript">
$(document).ready( function(){
  do_some_stuff();
});
</script>

Answer 3

当DOM准备就绪时，你不能只调用get_cities($('#networks').val())吗？

$(function() { // will be run by jQuery when DOM is ready
  get_cities($('#networks').val());
});

在页面加载时触发onchange html事件

3 个答案: