Set value in drop down list with Javascript

$(document).ready(function(){ alert("running"); // Test to see if Javascript is running, and it is $('.presenter input').change(function () { //also tried $('#q3 input') alert("still running"); // Script doesn't run this $('.assign input').val($(this).val()); }); });

SELECTED ANSWER

replied on March 19, 2019

If it is a drop down use select...

$(document).ready(function(){
  alert("running"); // Test to see if Javascript is running, and it is
  $('.presenter select').change(function () { //also tried $('#q3 input') 
    	alert("still running"); // Script doesn't run this
        $('.assign select').val($(this).val());
  });
});

2 0

replied on March 19, 2019 • Show version history

Hey thanks! You can probably tell Javascript isn't my strong suit.

Now it does execute the alert("still running"); but doesn't actually modify the .assign drop down. Any helpful tips on what could be going wrong there?

EDIT: Completely slipped my mind to mention that the .presenter drop down is just the list by itself, but the .assign drop down has a separate value list associated with it as well, but we're trying to match up the label list on both (they are the same for both drop downs).

EDIT2: That's exactly the problem. When referencing the select value from the first drop down, I get the label, but for the second drop down, I get the value of the label instead, which makes perfect sense. Is there any way I can get the label instead?

EDIT3: Just decided to make both lists value lists instead. That worked like a charm. Thanks again!

1 0

Question

Question

Set value in drop down list with Javascript

Answer

Replies

Sign in to reply to this post.