jQuery disable multiple options by value

Question

I would like to know how to disable multiple options by value. I know I can do this by:

<script>
$('option[value=1],option[value=2]...').prop('disabled', true);
</script>

but I have about 100+ values and there is no particular pattern for the values.

What is the shortest way to do this, if there is?

Depends on your actual HTML and the values. There are many jQuery selectors (api.jquery.com/category/selectors). You should find one that matches as many elements as possible. — Felix Kling
– Felix Kling, Commented Jun 15, 2014 at 6:01
Do you have a list of all the values to disable? or is it all of them? — Simcha Khabinsky
– Simcha Khabinsky, Commented Jun 15, 2014 at 6:05

martynas · Accepted Answer · 2014-06-15 06:08:54Z

2

var values = [5, 4, 3];

$.each(values, function(k, v) {
     $('option[value=' + v + ']').prop('disabled', true);
});

JSFIDDLE DEMO

edited Jun 15, 2014 at 6:08

answered Jun 15, 2014 at 6:03

martynas

12.3k3 gold badges59 silver badges61 bronze badges

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

Comments

Amit Joki · Accepted Answer · 2014-06-15 06:15:32Z

0

A loop may be?

var startingNumber = 1, endingNumber = 100;
for(var i = startingNumber; i < endingNumber +1 ; i++){
   $('option[value="'+ i + '"]').prop('disabled',true); 
}

Or fill an array and loop through it:

var nums = [1,2,3,5,8];
for(var i = 0; i < nums.length; i++){
    $('option[value="'+ i + '"]').prop('disabled',true);    
}

edited Jun 15, 2014 at 6:15

answered Jun 15, 2014 at 6:00

Amit Joki

59.4k7 gold badges80 silver badges96 bronze badges

3 Comments

hello Over a year ago

this is true if the values to be selected are 1 to 100 but im trying to select random numbers

Amit Joki Over a year ago

@Bernie I answered this when you hadn't edited your question. Your question was unclear and you had 1,2 as your example. What do you think I should've assumed?

hello Over a year ago

That's why I up voted it, I know the question was not entirely clear.

Simcha Khabinsky · Accepted Answer · 2014-06-15 06:19:44Z

0

@martynas has a good answer , but this one is even shorter:

var disabledValuesArr = [5, 4, 3];
$("option[value='" + disabledValuesArr.join("'],[value='") + "']").prop('disabled', true);

JSFiddle

edited Jun 15, 2014 at 6:19

answered Jun 15, 2014 at 6:09

Simcha Khabinsky

2,0392 gold badges20 silver badges35 bronze badges

Collectives™ on Stack Overflow

jQuery disable multiple options by value

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related