如何从 Javascript / jQuery 中为选择框添加 onChange 属性答案

【问题标题】：How to add onChange attribute for select box from Javascript / jQuery如何从 Javascript / jQuery 中为选择框添加 onChange 属性
【发布时间】：2020-07-04 01:36:11
【问题描述】：

我的选择框没有onChange 属性。现在加载整个页面后，根据某些条件，我必须为 Javascript 的选择框添加onChange。我正在尝试使用以下代码，但它不起作用：

$("#depositForm").attr(("onChange", "selectedMainDepositType('this');" ));

它没有添加onChange 事件。

<select id="depositForm_depositSubType" class="depositSubType" style="width:160px;" name="depositSubType">

必须改成

<select id="depositForm_depositSubType"  onchange="selectedMainDepositType(this);"  class="depositSubType" style="width:160px;" name="depositSubType">

请建议如何添加onChange 属性。

【问题讨论】：

几乎没有充分的理由使用任何[on*] 属性，所以不要打扰。
不要像处理属性那样考虑事件...内联事件在文档加载时进行解析，并且不应像之后的经典属性那样进行编辑

标签： javascript html jquery jquery-events

【解决方案1】：

你试过了吗……

$("#depositForm").on("change", function(event) { 
     selectedMainDepositType(this);
} );

jQuery .on()

【讨论】：

如果您需要删除处理程序，请使用$("#depositForm").off("change");。页面生成时是否附加了attronChange？

【解决方案2】：

$("#depositForm").change(function(e){
    selectedMainDepositType($(this));
});

【讨论】：

【解决方案3】：

 document.getElementById('depositForm').onchange = undefined;

 $("#depositForm").change(..);

试一试..我希望它对你有用.. 原帖How to edit 'onchange' attribute in a 'select' tag? (using jquery)

【讨论】：

【解决方案4】：

对于任何寻找另一个答案的人。我使用这种方法是因为我必须首先搜索动态创建的选择列表。

var dropdown = document.getElementsByTagName("select");
for (i=0; i<dropdown.length; i++) {
    if (dropdown[i].title == "Component") {
        dropdown[i].onchange = changeApproverCC;
    }
}

【讨论】：

【解决方案5】：

你可以试试这个：

document.getElementById("depositForm").addEventListener('change', (event) => {
 selectedMainDepositType('this');
});

希望能帮到你:)

【讨论】：