首页前端开发HTML如何设置select只读不可编辑且select的值可传递

如何设置select只读不可编辑且select的值可传递

时间2024-01-27 09:48:03发布访客分类HTML浏览653
导读:收集整理的这篇文章主要介绍了如何设置select只读不可编辑且select的值可传递,觉得挺不错的,现在分享给大家,也给大家做个参考。 1. <select style="width:195px" name="role" i...
收集整理的这篇文章主要介绍了如何设置select只读不可编辑且select的值可传递,觉得挺不错的,现在分享给大家,也给大家做个参考。 1. select style="width:195px" name="role" id="role" onfocus="this.defaultIndex=this.selectedIndex; " onchange="this.selectedIndex=this.defaultIndex; ">

这种方法可以使下拉框和平常没有区别,看起来没有任何不同。唯一不同的就是下拉并单并选择之后,它不会鸟你,选了和没有选一样一样的。就是无视客户的选择。

2.设置disabled属性select style="width:195px" name="role" id="role" disabled="disabled">

这个看起来更直接,直观就是有只读的感觉,也不可以点击和下拉了。里面的字也会变成灰色

当属性设置为"disabled"时,提交表单时,select的值无法传递,提交前移除disabled属性$("#role").removeAttr("disabled");

jquery添加属性$("#role").attr("disabled","disabled");

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

select不可编辑

若转载请注明出处: 如何设置select只读不可编辑且select的值可传递
本文地址: https://pptw.com/jishu/588040.html
关于html中meta的作用(网上搜集整理得来) 浅谈:nofollow标签的使用与分析

游客 回复需填写必要信息