php 在HTML中使用JavaScript/jQuery在SELECT中需要很少的更正

new9mtju  于 2023-09-29  发布在  PHP
关注(0)|答案(4)|浏览(102)

我在HTML中的选择选项是

<select name="id" id="id" style="width:400px;" onChange="loadAjax(this.value);">
<select name="name" id="name" style="width:400px;">

当SELECT(html)中的值发生变化时,加载 AJAX 函数(使用JavaScript)。但是我有不同的要求,当这个选择输入加载时,它应该直接调用loadAjax函数,并且在更改时也是如此。
怎么可能?我尝试了一些东西,如window.onloadonload,但没有工作。

drnojrws

drnojrws1#

鉴于你已经用“jquery”标记了你的问题,我建议一个jQuery解决方案:

$(document).ready(function() {
    $("#id").change(function() {
        loadAjax($(this).val());
    }).change();
});

这将定义更改处理程序,然后立即触发它。(您将从html中删除内联onclick
如果没有jQuery,可能会是这样的:

window.onload = function() {
   loadAjax(document.getElementById("id").value);
};
mlmc2os5

mlmc2os52#

window.onload = function() {
   loadAjax(document.getElementById("id").value);
};
6yoyoihd

6yoyoihd3#

您还可以将更改事件绑定到#id元素。

$(document).ready(function() {
   $("#id").bind("change",function() {
        loadAjax($(this).val());
   });
});
hm2xizp9

hm2xizp94#

如果你使用jQuery:

$(document).ready(function() {
$("#id").change(function(e) {
 //handle the event
});
});

通过使用上面的方法,您不必在selecthtml元素中绑定onChange处理程序。因为jQuery将能够用上面的代码为你绑定事件。

<select name="id" id="id" style="width:400px;">
<select name="name" id="name" style="width:400px;">

HTML看起来像这样。

相关问题