页面加载时也触发onchange html事件 - Trigger onchange html event on page load too

Trigger onchange html event on page load too

本文关键字：onchange html 事件加载 | 更新日期: 2023-10-14

好的，我在select字段上有一个onchange事件。现在效果很好。当下拉列表"networks"发生更改时，会刷新第二个下拉列表。我还希望顶部的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>

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

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

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

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

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

$(document).ready(handler)

这要等到页面"就绪"，这样更好。

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

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

DOM准备好了，不能直接调用get_cities($('#networks').val())吗？

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