jquery select 不可编辑怎么办

131 阅读 0 评论 87 点赞

我是靠谱客的博主执着板凳，这篇文章主要介绍jquery select 不可编辑怎么办，现在分享给大家，希望可以做个参考。

本文操作环境：windows7系统、jquery3.2.1版、DELL G3电脑

jquery select 不可编辑怎么办？

js、jquery完美解决下拉框select不可编辑但可传值

复制代码//鼠标移入下拉框将其锁定不可用
$('#下拉框ID').mouseenter(function() {
$('#下拉框ID').attr("disabled","true");
});
//移入其他地方锁定解除（本想设置成移出下拉框锁定解除，但不生效，只能改为移入其他地方，大佬可解答下？）
$("*[id!='下拉框ID']").mouseenter(function() {
$('#下拉框ID').removeAttr("disabled");
});1
2
3
4
5
6
7
8
//鼠标移入下拉框将其锁定不可用
$('#下拉框ID').mouseenter(function() {
$('#下拉框ID').attr("disabled","true");
});
//移入其他地方锁定解除（本想设置成移出下拉框锁定解除，但不生效，只能改为移入其他地方，大佬可解答下？）
$("*[id!='下拉框ID']").mouseenter(function() {
$('#下拉框ID').removeAttr("disabled");
});
登录后复制

如果允许的话，把下拉框换成input利用list属性

复制代码<div class="changeDiv">
    <a>性别:</a>
    <input id="sex" type="text" list="sexlist" readonly="readonly">
    <datalist id="sexlist">
        <option>男生</option>
        <option>女生</option>
    </datalist>
</div>1
2
3
4
5
6
7
8
<div class="changeDiv">
    <a>性别:</a>
    <input id="sex" type="text" list="sexlist" readonly="readonly">
    <datalist id="sexlist">
        <option>男生</option>
        <option>女生</option>
    </datalist>
</div>
登录后复制

把readonly="readonly"去除就是个可编辑的可联想的下拉框，保留则不可编辑