如何使用javascript、jquery或css为选择选项添加属性？

我有一些自动生成的html，所以我不能直接在html中更改它。但基本上是这样的：

    <select name="field2" id="id_18_gen" >
        <option value="{1,2}" >Please choose...</option>
        <option value="1" >correct</option>
        <option value="2" >false</option>
    </select>

或

---

但什么都没用。javascript或Jquery解决方案会很好，但css也可以。

检查以下代码是否有效

let e = document.getElementbyId('id_18_gen').firstElementChild;
e.disabled = true;
e.style.visibility = 'hidden';

使用方法

firstop.setAttribute("hidden",""); 
firstop.setAttribute("disabled","");

var firstop=document.querySelector（“#id_18_gen option:第一个子项”）；
setAttribute（“hidden”和“”）；
setAttribute（“已禁用”和“）

请选择。。。
对的
假的
e.setAttribute（'attribute'，value）。
要选择一个特定的选项，可以是e.options[index]或e.options.item（index）（相同）或通过其id宽度e.options.namedItem（id）.setAttribute（..）

要按值查找特定选项，请执行以下操作：

e.options.map((option, index) => {
 if (option.value == '{1,2}')
  option.setAttribute('hidden', true);
})

或者更好地使用queryselector：

document.querySelector('#id_18_gen option[value={1,2}]')

在jQuery中，您可以使用：

$('#id_18_gen option').first().attr({"hidden":"","disabled":""});


$（函数（）{
const firstOpt=$（“#id_18_gen option”）.first（）；
log（“Before:，firstOpt[0]）；
firstOpt.attr（{“hidden”：“”“disabled”：“”}）；
log（“之后：”，firstOpt[0]）；
});

请选择。。。
对的
假的

e.options.map((option, index) => {
 if (option.value == '{1,2}')
  option.setAttribute('hidden', true);
})

document.querySelector('#id_18_gen option[value={1,2}]')

$('#id_18_gen option').first().attr({"hidden":"","disabled":""});