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

Question

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

$("#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属性。

Answer 1

你试过了吗...

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

jQuery .on()

Answer 2

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

Answer 3

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

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

试一试.. 我希望它对你有用.. 原始帖子如何在“选择”标签中编辑“onchange”属性？（使用jQuery）

Answer 4

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

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

Answer 5

你可以试试这个：

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

希望能帮到你:)