How to get input value change by select [duplicate]

Question

i can't get input value when changed by select

how i get input value?

thank you

 /* file script 1 */
    var select = document.getElementById('select');
    
    select.onchange=(e)=>{
        const val = e.target.value ;
        input.value=val;
         
    }
    
    /* file script 2 */
    
    var input = document.getElementById('input');
    
    input.onchange= (e)=>{
        console.log(e.target.value);
    }

0brine · Accepted Answer · 2022-01-05 15:50:06Z

0

First of all, input has no onchange attribute, use oninput instead and after you change the value of the input field just call oninput:

select.onchange = (e) => {
    const val = e.target.value ;
    input.value=val;
    input.oninput();
}

input.oninput = (e) => {
    console.log(e.target.value);
}

answered Jan 5, 2022 at 15:50

0brine

4865 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Nugraha Over a year ago

but different Js file

0brine Over a year ago

should still work

Collectives™ on Stack Overflow

How to get input value change by select [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related