当前位置 : 主页 > 网络编程 > JavaScript >

jquery select 不可编辑怎么办

来源:互联网 收集:自由互联 发布时间:2023-08-02
jquery select不可编辑的解决办法:1、打开相应的js代码文件;2、把下拉框换成input;3、把“readonly=readonly”去除即可。 本文操作环境:windows7系统、jquery3.2.1版、DELL G3电脑 jquery select 不可

jquery select不可编辑的解决办法:1、打开相应的js代码文件;2、把下拉框换成input;3、把“readonly="readonly"”去除即可。

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");
});

如果允许的话,把下拉框换成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>

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

910ea755ca3e9680f246766123c0b2f.png

推荐学习:《jquery视频教程》

【转自:阜宁网站设计 http://www.1234xp.com/funing.html 欢迎留下您的宝贵建议】

上一篇:nodejs怎么将buffer转换为JSON对象
下一篇:没有了
网友评论