javascript - 如何禁用多个值以逗号分隔的选项？

Question

我有几个包含多个值的选择选项

$('#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>

我想通过 jQuery 禁用使用值的选项

我当前的代码适用于单值选项，但我现在需要更改它以保存多个值？

抛出如下异常

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

Answer 1

[value=] 属性选择器要求值在引号内:[vale="some_value"]。因此，以下应该有效:

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

虽然JavaScript backtick可能有助于使代码更具可读性(如果您的客户支持它):

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