access html element value javascript

Question

I've got three dropdown menu's which are dynamically filled from the database each time I select an option in the previous dropdown menu.

Now I want to access the values in these dropdown menu's, so that I can build a SQL-query somewhere later.

I've used the following code to access the HTML elements:

$( window ).load(function(){
    var e = document.getElementById("slctTable");
    var slctTableValue = e.value;
    console.log(slctTableValue);
});

This code only works the first time the page loads, so when I mess around with the dropdown menu's, nothing changes.

What I want now, is that each time I select a value in the dropdown menu, it updates the slctTableValue variable.

You need to relax and give people some time to work, you'll get your recognition — Jordi Z
– Jordi Z, Commented May 17, 2016 at 11:41

Anoop Joshi P · Accepted Answer · 2016-05-17 09:51:49Z

2

Bind change event to the drop-down with jquery, then this event will fire whenever there is a change happened on the selected value.

$("#slctTable").change(function() {
  var slctTableValue = $(this).val();
  console.log(slctTableValue);
});

answered May 17, 2016 at 9:51

Anoop Joshi P

25.6k9 gold badges35 silver badges54 bronze badges

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

1 Comment

Jordi Z Over a year ago

Thanks, I've tried it before but couldn't get it to work for some reason. Now I got what I need.

Dhara Parmar · Accepted Answer · 2016-05-17 09:52:51Z

1

You can detect change event like this and update value:

    document.getElementById('slctTable').addEventListener('change',function(){
       var e = document.getElementById("slctTable");
       var slctTableValue = e.value;
       console.log(slctTableValue);
    });

answered May 17, 2016 at 9:52

Dhara Parmar

8,1231 gold badge19 silver badges27 bronze badges

Collectives™ on Stack Overflow

access html element value javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related