how to select option of selection box using for loop

Question

hi can anyone tell me what should i write so that on every iteration of for loop option's value changes and i get one by one option's value. following is the code:

for (var i=1; i<4; i++)
 {
   $("#mydropdown_for_month option[value=i]").attr('hidden','hidden'); 
 }

for example dropdown has 10 values but i want to hide those options which have the values dynamically changed by for loop so i write " option=i " but it is not working. I mean i want to write variable i. how can i do that

$('#mydropdown_for_month option[value="+i+"]").attr('hidden', 'hidden'); — jukempff
– jukempff, Commented Jul 25, 2011 at 13:04

JMax · Accepted Answer · 2011-07-26 06:41:47Z

2

You need to call i as a variable:
[EDIT 2] Thanks to ThiefMaster, here is a nicer code :

for (var i=1; i<4; i++) { 
   $("#mydropdown_for_month option[value=" + i + "]").prop('hidden', true);
}

[EDIT] Without hidden attribute (which exists only in HTML5) - thanks to Phil and ThiefMaster:

for (var i=1; i<4; i++) { 
   $("#mydropdown_for_month option[value=" + i + "]").hide();
}

edited Jul 26, 2011 at 6:41

answered Jul 25, 2011 at 13:03

JMax

26.7k12 gold badges74 silver badges89 bronze badges

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

3 Comments

ThiefMaster Over a year ago

There is no attribute hidden.

JMax Over a year ago

@ThiefMaster: correct, thanks ! i just copy-pasted the code from the OP. i'll correct it

ThiefMaster Over a year ago

Actually, the HTML5 hidden attribute probably has a property behind it, so you could use .prop('hidden', true) which is nicer than setting an attribute with a nonsense value.

Phil · Accepted Answer · 2011-07-25 13:04:12Z

1

You can try, $("#mydropdown_for_month option").eq(i).hide() didn't test it, just a guess :D

answered Jul 25, 2011 at 13:04

Phil

11.2k18 gold badges73 silver badges106 bronze badges

1 Comment

JMax Over a year ago

this would probably work if the options are in the same order as their values. But indeed, that would be smarter

Eruant · Accepted Answer · 2011-07-25 13:04:36Z

1

Try

"option=" + i

So that the 'i' is a variable rather than a string

answered Jul 25, 2011 at 13:04

community wiki

Eruant

Comments

Frédéric Hamidi · Accepted Answer · 2011-07-25 13:08:15Z

1

You don't have to use a loop here (actually, loops are quite rare when you're using jQuery in the way it was designed for).

You can use the slice() method to match a subset of the <option> elements and hide them all at the same time:

$("#mydropdown_for_month option").slice(1, 4).hide();

answered Jul 25, 2011 at 13:08

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

Comments

Rafay · Accepted Answer · 2011-07-25 13:17:16Z

0

for (var i=1; i<3; i++)
 {    
   $("#mydropdown_for_month").find('option[value="'+i+'"]').hide();

 }

here is the demo http://jsfiddle.net/DBXGe/

edited Jul 25, 2011 at 13:17

answered Jul 25, 2011 at 13:07

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

Collectives™ on Stack Overflow

how to select option of selection box using for loop

5 Answers 5

3 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related