Javascript onchange event. select/option html dropdown input

Question

var inputDrop = document.createElement('select');
inputDrop.setAttribute("onchange", function test(){alert("test");});
form.appendChild(inputDrop);


var inputOpt1 = document.createElement('option');
inputOpt1.value="1";
inputOpt1.innerHTML="1";
inputDrop.appendChild(inputOpt1);

var inputOpt2 = document.createElement('option');
inputOpt2.value="2";
inputOpt2.innerHTML="2";
inputDrop.appendChild(inputOpt2);

form.appendChild(inputDrop);

I need to assign somekind of event handler to select dropdown input field with a number of options. I need to execute a function whenever a different option is selected. The above doesnt work and neither does inputDrop.onchange="alert('test')"; not sure what im doing wrong here, please could someoneadvise?

thanks.

Joshua Schlichting · Accepted Answer · 2017-01-24 12:39:51Z

6

Pete. What you're looking for is something like

inputDrop.addEventListener('change', function() {
    alert("PETE'S TEST"); });

I put together a jsFiddle to demonstrate this working: http://jsfiddle.net/pbaXP/1/

edited Jan 24, 2017 at 12:39

Joshua Schlichting

3,4807 gold badges33 silver badges60 bronze badges

answered Jan 22, 2013 at 3:20

pjdanfor

3461 silver badge6 bronze badges

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

Comments

Arun P Johny · Accepted Answer · 2013-01-22 03:25:01Z

0

This seems to be working

inputDrop.onchange = function test(){alert("test");};

Working demo here

answered Jan 22, 2013 at 3:25

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Collectives™ on Stack Overflow

Javascript onchange event. select/option html dropdown input

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related