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

Question

我在 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的东西，但没有任何效果。

Answer 1

鉴于您已经用“jquery”标记了您的问题，我建议使用 jQuery 解决方案：

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

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

或者没有 jQuery，也许是这样的：

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

Answer 2

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

Answer 3

you can also bind change event to #id element.

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