logic to loop through all items in a drop down list via jquery failing

Question

I need a way to loop through all options in a dropdown list via code, and compare each one to a variable. if they match, i want make the matching value be the item that is selected in the dropdown, and then exit the loop. So far, this is what I've come up with ... which works as far as looping the items is concerned.

$("#domains > option").each(function() {
  if (edit_domain[1] == $(this).val()) {
    //assign this as being the selected value in dropdown
    //exit loop                                   
  }
});

EDIT 1

I changed my code to look like the following:

 //loop through values in drop down to see if we find a match
 $("#domain  option").each(function() {
          var $this=$(this);
          alert($(this).val());
          if ($this.val() == edit_domain[1] ) {
             console.log("compared");
             $("#prefix").val(edit_domain[0]);
             $("#domain").val(edit_domain[1]);
           }
   });

When I refresh my page, I don't get any error messages, but none of the logic inside the loop seems to work. No alerts, no messages in the console. As a test I opened up the debug tools via F12. In the console, I manually typed in the following command:

$("#domain  option").each(function() {
alert($(this).val());
 });

It properly returns all values from my drop down box. I'm not sure where in the code I've gone wrong! Interestingly, when I test in IE, I do see the following error message about the line of HTML code where I declare / create the dropdown box:

HTML1402: Character reference is missing an ending semicolon ";".

And the HTML code looks like this:

<tr><td width="30%">Cell Carrier: (e.g.AT&T)</td><td><select class="form-control" name=domain id=domain></select></td></tr>

Could this be an issue? If my html was bad, I don't think my ajax code that queries the database and then populates the drop down would work at all. But it does... It's just the logic that queries the values in the drop down after it's been populated that's failing.

possible duplicate of Javascript loop through ALL HTML select <option> — emerson.marini
– emerson.marini, Commented Apr 20, 2015 at 21:52
possible duplicate of for looping on the select options using javascript — emerson.marini
– emerson.marini, Commented Apr 20, 2015 at 21:53

Salman Arshad · Accepted Answer · 2015-04-20 21:05:27Z

3

When using jQuery, you can use the .val() function for this:

$("#domains").val(edit_domain[1]);

answered Apr 20, 2015 at 21:05

Salman Arshad

274k85 gold badges450 silver badges540 bronze badges

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

2 Comments

Happydevdays Over a year ago

salman, my problem was that i needed to do all the logic i 'm discussing the success call back section of an ajax routine. so your answer is correct. sorry for the noise.

Salman Arshad Over a year ago

If the answer does not help then you can unaccept it. Regarding your revised answer (i) AT&T should be encoded as AT&T, but this is not the main issue (ii) if $("#domain option").each() works in console but not on page load then you probably need to wrap your code inside $(document).ready(...)

Tomas Ramirez Sarduy · Accepted Answer · 2015-04-20 21:11:40Z

0

You can also do something like this:

$("#domains option").filter(function() {
    return ($(this).val() == edit_domain[1]); 
}).prop('selected', true);

answered Apr 20, 2015 at 21:11

Tomas Ramirez Sarduy

17.5k8 gold badges74 silver badges86 bronze badges

1 Comment

Happydevdays Over a year ago

tom, i also tried your solution, but it doesn't seem to loop through the items. please see my comments in Edit 1.

user2348858 · Accepted Answer · 2015-04-20 21:49:52Z

0

You can use the below function to compare to option value with the variable.

$(document).ready(function(){
    $('select option').each(function(){
        var $this = $(this);
        if($this.val() == variableValue){
           alert('compared');
           exit;
        }
    });
});

answered Apr 20, 2015 at 21:49

user2348858

11 bronze badge

Collectives™ on Stack Overflow

logic to loop through all items in a drop down list via jquery failing

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related