How do i disable option which has multiple value separated by comma?

1

I have a few select options with multiple values in it

$('#addItemModal #servicesBlock select[name=service_id] option[value='+service.val()+']').prop('disabled', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<option value="26,30,31,32,34">01-10-2018 to 05-12-2018</option>

I want to disable the option using value by jQuery

My current code worked fine for single-valued options, but I need to change it now to hold multiple values?

It throws exception as below

Uncaught Error: Syntax error, unrecognized expression: #addItemModal #servicesBlock select[name=service_id] option[value=26,30,31,32,34]

javascript jquery

share|improve this question

edited Nov 22 '18 at 13:46

DaFois

2,01941419

asked Nov 22 '18 at 12:52

Nitish PatraNitish Patra

8911

• 
  
  
  

  
  4
  

  
  
  
  
  
  

  
  
  try quotes $('#servicesBlock select[name=service_id] option[value="'+service.val()+'"]') .prop('disabled', true); or $.map
  
  – mplungjan
  Nov 22 '18 at 12:55
  
  
  

  
  
  
  

add a comment | 

1

I have a few select options with multiple values in it

$('#addItemModal #servicesBlock select[name=service_id] option[value='+service.val()+']').prop('disabled', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<option value="26,30,31,32,34">01-10-2018 to 05-12-2018</option>

I want to disable the option using value by jQuery

My current code worked fine for single-valued options, but I need to change it now to hold multiple values?

It throws exception as below

Uncaught Error: Syntax error, unrecognized expression: #addItemModal #servicesBlock select[name=service_id] option[value=26,30,31,32,34]

javascript jquery

share|improve this question

edited Nov 22 '18 at 13:46

DaFois

2,01941419

asked Nov 22 '18 at 12:52

Nitish PatraNitish Patra

8911

• 
  
  
  

  
  4
  

  
  
  
  
  
  

  
  
  try quotes $('#servicesBlock select[name=service_id] option[value="'+service.val()+'"]') .prop('disabled', true); or $.map
  
  – mplungjan
  Nov 22 '18 at 12:55
  
  
  

  
  
  
  

add a comment | 

1

1

1

I have a few select options with multiple values in it

$('#addItemModal #servicesBlock select[name=service_id] option[value='+service.val()+']').prop('disabled', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<option value="26,30,31,32,34">01-10-2018 to 05-12-2018</option>

I want to disable the option using value by jQuery

My current code worked fine for single-valued options, but I need to change it now to hold multiple values?

It throws exception as below

Uncaught Error: Syntax error, unrecognized expression: #addItemModal #servicesBlock select[name=service_id] option[value=26,30,31,32,34]

javascript jquery

share|improve this question

edited Nov 22 '18 at 13:46

DaFois

2,01941419

asked Nov 22 '18 at 12:52

Nitish PatraNitish Patra

8911

I have a few select options with multiple values in it

$('#addItemModal #servicesBlock select[name=service_id] option[value='+service.val()+']').prop('disabled', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<option value="26,30,31,32,34">01-10-2018 to 05-12-2018</option>

I want to disable the option using value by jQuery

My current code worked fine for single-valued options, but I need to change it now to hold multiple values?

It throws exception as below

Uncaught Error: Syntax error, unrecognized expression: #addItemModal #servicesBlock select[name=service_id] option[value=26,30,31,32,34]

$('#addItemModal #servicesBlock select[name=service_id] option[value='+service.val()+']').prop('disabled', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<option value="26,30,31,32,34">01-10-2018 to 05-12-2018</option>

$('#addItemModal #servicesBlock select[name=service_id] option[value='+service.val()+']').prop('disabled', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<option value="26,30,31,32,34">01-10-2018 to 05-12-2018</option>

javascript jquery

javascript jquery

share|improve this question

edited Nov 22 '18 at 13:46

DaFois

2,01941419

asked Nov 22 '18 at 12:52

Nitish PatraNitish Patra

8911

share|improve this question

edited Nov 22 '18 at 13:46

DaFois

2,01941419

asked Nov 22 '18 at 12:52

Nitish PatraNitish Patra

8911

share|improve this question

share|improve this question

edited Nov 22 '18 at 13:46

DaFois

2,01941419

edited Nov 22 '18 at 13:46

DaFois

2,01941419

edited Nov 22 '18 at 13:46

DaFois

2,01941419

2,01941419

asked Nov 22 '18 at 12:52

Nitish PatraNitish Patra

8911

asked Nov 22 '18 at 12:52

Nitish PatraNitish Patra

8911

asked Nov 22 '18 at 12:52

Nitish PatraNitish Patra

8911

8911

• 
  
  
  

  
  4
  

  
  
  
  
  
  

  
  
  try quotes $('#servicesBlock select[name=service_id] option[value="'+service.val()+'"]') .prop('disabled', true); or $.map
  
  – mplungjan
  Nov 22 '18 at 12:55
  
  
  

  
  
  
  

add a comment | 

• 
  
  
  

  
  4
  

  
  
  
  
  
  

  
  
  try quotes $('#servicesBlock select[name=service_id] option[value="'+service.val()+'"]') .prop('disabled', true); or $.map
  
  – mplungjan
  Nov 22 '18 at 12:55
  
  
  

  
  
  
  

4

4

try quotes $('#servicesBlock select[name=service_id] option[value="'+service.val()+'"]') .prop('disabled', true); or $.map

– mplungjan
Nov 22 '18 at 12:55

try quotes $('#servicesBlock select[name=service_id] option[value="'+service.val()+'"]') .prop('disabled', true); or $.map

– mplungjan
Nov 22 '18 at 12:55

add a comment | 

1 Answer
1

active

oldest

votes

1

The [value=] attribute selector expects the value to be within quotation marks: [vale="some_value"]. The following should therefore work:

$('#addItemModal #servicesBlock select[name=service_id] option[value="'+service.val()+'"]').prop('disabled', true);

Though the JavaScript backtick could be useful to make the code a little more readable (if your clients have support for it):

$(`#addItemModal #servicesBlock select[name=service_id] option[value="${ service.val() }"]`).prop('disabled', true);

share|improve this answer

answered Nov 22 '18 at 13:01

BerthurBerthur

709212

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});

Thanks for contributing an answer to Stack Overflow!

• Please be sure to answer the question. Provide details and share your research!

But avoid …

• Asking for help, clarification, or responding to other answers.


• Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53431488%2fhow-do-i-disable-option-which-has-multiple-value-separated-by-comma%23new-answer', 'question_page');
}
);

Post as a guest

Name

Email

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

active

oldest

votes

active

oldest

votes

1

The [value=] attribute selector expects the value to be within quotation marks: [vale="some_value"]. The following should therefore work:

$('#addItemModal #servicesBlock select[name=service_id] option[value="'+service.val()+'"]').prop('disabled', true);

Though the JavaScript backtick could be useful to make the code a little more readable (if your clients have support for it):

$(`#addItemModal #servicesBlock select[name=service_id] option[value="${ service.val() }"]`).prop('disabled', true);

share|improve this answer

answered Nov 22 '18 at 13:01

BerthurBerthur

709212

add a comment | 

1

The [value=] attribute selector expects the value to be within quotation marks: [vale="some_value"]. The following should therefore work:

$('#addItemModal #servicesBlock select[name=service_id] option[value="'+service.val()+'"]').prop('disabled', true);

Though the JavaScript backtick could be useful to make the code a little more readable (if your clients have support for it):

$(`#addItemModal #servicesBlock select[name=service_id] option[value="${ service.val() }"]`).prop('disabled', true);

share|improve this answer

answered Nov 22 '18 at 13:01

BerthurBerthur

709212

add a comment | 

1

1

1

The [value=] attribute selector expects the value to be within quotation marks: [vale="some_value"]. The following should therefore work:

$('#addItemModal #servicesBlock select[name=service_id] option[value="'+service.val()+'"]').prop('disabled', true);

Though the JavaScript backtick could be useful to make the code a little more readable (if your clients have support for it):

$(`#addItemModal #servicesBlock select[name=service_id] option[value="${ service.val() }"]`).prop('disabled', true);

share|improve this answer

answered Nov 22 '18 at 13:01

BerthurBerthur

709212

The [value=] attribute selector expects the value to be within quotation marks: [vale="some_value"]. The following should therefore work:

$('#addItemModal #servicesBlock select[name=service_id] option[value="'+service.val()+'"]').prop('disabled', true);

Though the JavaScript backtick could be useful to make the code a little more readable (if your clients have support for it):

$(`#addItemModal #servicesBlock select[name=service_id] option[value="${ service.val() }"]`).prop('disabled', true);

share|improve this answer

answered Nov 22 '18 at 13:01

BerthurBerthur

709212

share|improve this answer

share|improve this answer

answered Nov 22 '18 at 13:01

BerthurBerthur

709212

answered Nov 22 '18 at 13:01

BerthurBerthur

709212

answered Nov 22 '18 at 13:01

BerthurBerthur

709212

709212

add a comment | 

add a comment | 

Thanks for contributing an answer to Stack Overflow!

• Please be sure to answer the question. Provide details and share your research!

But avoid …

• Asking for help, clarification, or responding to other answers.


• Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

• Please be sure to answer the question. Provide details and share your research!

But avoid …

• Asking for help, clarification, or responding to other answers.


• Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53431488%2fhow-do-i-disable-option-which-has-multiple-value-separated-by-comma%23new-answer', 'question_page');
}
);

Post as a guest

Name

Email

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

Name

Name

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

Name

Name

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

This page is only for reference, If you need detailed information, please check here