Javascript 为什么选项标记中的禁用属性不起作用？问题在哪里？

我设计了一个HTML网页，在我的选项标签中我设置了

disabled=“true”

，但它并没有禁用该选项

我尝试过的事情-

disabled=“true”

disabled=“disabled”

$（“.dis”）.prop（“已禁用”，true）

我的代码-

$（文档）.ready（函数（）{
变量$selects=$（'select'）；
$selects.on（'change'，function（）{
$（“选项”，选择$）.prop（“禁用”，false）；
$selects.each（函数（）{
变量$select=$（此），
$options=$selects.not（$select.find（'option'），
selectedText=$select.children（'option:selected'）.text（）；
$options.each（函数（）{
如果（$（this.text（）==selectedText）$（this.prop）（“disabled”，true）；
});
});
});
$selects.eq（0）.trigger（'change'）；
});
var国家={
“印度”：“.ind”，
“澳大利亚”：“.aus”，
“英格兰”：“.eng”，
“新西兰”：“.nz”，
“南非”：“.sa”，
“西印度群岛”：“.wi”，
“巴基斯坦”：“.pak”，
“斯里兰卡”：“.sl”，
“孟加拉国”：“.ban”，
“Afganistan”：“.afg”
}
函数getValue1（obj）{
变量sel1=（对象值）；
console.log（sel1）；
var Conval=国家[sel1]；
适用于（国家/地区的关键风险值）{
风险价值=国家[关键]；
var hidden1='select[name=“player1”]'。concat（dictvalue）；
var hidden2='select[name=“player2”]'。concat（dictvalue）；
log（“隐藏”.concat（dictvalue））；
$（hidden1.hide（）；
$（hidden2.hide（）；
}
$（conval.show（）；
console.log（“Showing.concat（conval））；
}
函数getValue2（obj）{
变量sel2=（目标值）；
console.log（sel2）
}

选择国家1
印度
澳大利亚
英格兰
新西兰
南非
西印度群岛
巴基斯坦
斯里兰卡
孟加拉国
阿富汗
选择国家2
印度
澳大利亚
英格兰
新西兰
南非
西印度群岛
巴基斯坦
斯里兰卡
孟加拉国
阿富汗

禁用属性不接受值。它本身就是一种属性

更改：

选择国家/地区1

致：

---

选择国家/地区1

属性

禁用

设置不带

='true'

。只需将此属性添加到要禁用的选项中即可

<option value="select" class="dis" disabled>

对于要禁用的复选选项：

($('option.dis').prop('disabled') === true)

---

当您执行

.trigger（“change”）

时，它将删除

disabled

属性。这很奇怪，在FF

中disabled

属性的工作方式与它的工作方式相同，但在StackSnippet中不起作用。

($('option.dis').prop('disabled') === true)