在 HTML 中使用 Javascript/jQuery 的 SELECT 中几乎不需要更正


Little correction required in SELECT in HTML using Javascript/jQuery

我在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.onload,onload,但没有任何效果。

鉴于您已经用"jquery"标记了您的问题,我建议使用jQuery解决方案:

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

这将定义更改处理程序,然后立即触发它。(您将从 html 中删除内联onclick

或者没有jQuery,也许是这样的:

window.onload = function() {
   loadAjax(document.getElementById("id").value);
};
window.onload = function() {
   loadAjax(document.getElementById("id").value);
};
you can also bind change event to #id element.
$(document).ready(function() {
   $("#id").bind("change",function() {
        loadAjax($(this).val());
   });
});