在html中禁用/只读选择标签
在html中禁用/只读选择标签
提问于 2011-11-29 21:10:12
我如何才能使一个select标签成为只读的？我读到过不能将select设置为只读。我这样做了，我可以将它设置为禁用，但是...这不是一种选择。我希望用户可以查看select标记中的其余选项，但不能选择其中的一个。
有什么想法吗？
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-11-29 21:14:53
您可以使用disabled属性。
例如。
<select >
<option disabled="disabled" value="volvo">Volvo</option>
<option disabled="disabled" value="saab">Saab</option>
<option disabled="disabled" value="mercedes">Mercedes</option>
<option disabled="disabled" value="audi">Audi</option>
</select>Stack Overflow用户
发布于 2012-11-07 15:38:41
假设标记id=为“mySelectID”，并且jQuery是常驻的，则：
<script language="javascript">
// disable all the options that are not in use:
$("#mySelectID option").not(":selected").attr("disabled", "disabled");
// to remove readonly, enable them again:
$("#mySelectID option").not(":selected").attr("disabled", "");
</script>Stack Overflow用户
发布于 2018-01-30 21:06:50
您可以通过添加style="pointer-events:none;"将其设为假只读
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8311278
复制相关文章
相似问题