首页前端开发JavaScriptjquery select 不可编辑怎么办

jquery select 不可编辑怎么办

时间2024-01-30 17:19:03发布访客分类JavaScript浏览1008
导读:收集整理的这篇文章主要介绍了jquery select 不可编辑怎么办,觉得挺不错的,现在分享给大家,也给大家做个参考。jquery select不可编辑的解决办法:1、打开相应的js代码文件;2、把下拉框换成input;3、把“reado...
收集整理的这篇文章主要介绍了jquery select 不可编辑怎么办,觉得挺不错的,现在分享给大家,也给大家做个参考。

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

本文操作环境: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"去除就是个可编辑的可联想的下拉框,保留则不可编辑

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

以上就是jquery select 不可编辑怎么办的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: js对象怎么转换jquery对象下一篇:jquery怎么取消hover事件猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: jquery select 不可编辑怎么办
本文地址: https://pptw.com/jishu/592811.html
比较C#中值类型和引用类型的区别 如何升级nodejs版本

游客 回复需填写必要信息