onchange 事件输入和 select 从表格

Question

您好，我想知道如何在表单中添加一个 onchange 事件并搜索 select 和输入，当它们在下面的代码中更改时输入，但在纯 javascript 中。

$("form#formulario-simular-mensalidade").on('change', ['input', 'select'], function () {
    //getFaturamentosByTipoServico($("select#tipo-simulacao").val());
    simularMensalidade();
});

Answer 1

使用addEventListener() 。 在侦听器 function 中， event.target将是已更改的特定元素。

document.querySelector("form#formulario-simular-mensalidade").addEventListener("change", function(event) {
    event.stopPropagation(); // prevent it from bubbling out to other elements
    var changed_element = event.target;
    // now you can use things like changed_element.value, changed_element.name, etc.
    // ...
});

Answer 2

如果我没有忘记一些事情，它是这样的：

 const setup = () => { const form = document.querySelector('#formulario-simular-mensalidade'); form.addEventListener('change', onChange) } const onChange = (event) => { const target = event.target; if(target.nodeName === 'INPUT' || target.nodeName === 'SELECT') { //const value = target.id === 'tipo-simulacao'? target.value: undefined; simularMensalidade(); } } window.addEventListener('load', setup);