2 qq 29054239 qq_29054239 于 2017.09.12 10:05 提问

【H5】select如何置为不可选但是可点击

图片说明

大概就是截图上的意思。 首先这个select点击是不会出现下拉框的,但同时这个下拉框要有个点击事件,用disabled的话下拉框不可选但是点击事件无效。 有没有别的适合的属性或者方法可以实现?

6个回答

MathRandom
MathRandom   2017.09.12 10:32
已采纳

开始可以给select一个disable为FALSE的属性,然后你在点击事件里面做操作再将属性改为true就可以了

MathRandom
MathRandom 回复qq_29054239: 可以就好
2 个月之前 回复
qq_29054239
qq_29054239 回复MathRandom: 谢谢啊。出来了 我刚刚没有引jquery
2 个月之前 回复
MathRandom
MathRandom 回复qq_29054239: jquery的js。。。
2 个月之前 回复
qq_29054239
qq_29054239 回复MathRandom: 代码我贴楼下了 你看下我弄过来的对不对
2 个月之前 回复
qq_29054239
qq_29054239 哇发不了图片是很尴尬。 我把body跟script里的内容粘到我代码里了 还需要引用别的什么js吗
2 个月之前 回复
MathRandom
MathRandom 回复qq_29054239: 怎么会呢 ,我试了可以才给你的啊,我这个复制的代码有多余的body这些,你没有全部弄上去吧
2 个月之前 回复
qq_29054239
qq_29054239 回复MathRandom: 点击了select还是有下拉框出来,而且没有alert出来..
2 个月之前 回复
MathRandom
MathRandom 回复qq_29054239: 我这样写的不知道是不是你需要的
2 个月之前 回复
MathRandom
MathRandom 回复qq_29054239: 看不清你代码。。<script> $(document).ready(function(){ $("#selectid").click(function(){ var v=$("#selectid").val(); $("#selectid").attr("disabled",true); alert(v); }); }) </script> </head> <body> <select name="selectname" id="selectid" disable="false"> <option value="a">aa</option> <option value="b" selected="selected">bb</option> </select> </body> </html>
2 个月之前 回复
qq_29054239
qq_29054239 我试了没弄出来。 大神能帮我贴段代码么
2 个月之前 回复
stopllL
stopllL   2017.09.12 10:24

disabled写在option标签上面,哪个选项不让选就写哪个上面

qq_29054239
qq_29054239 可是要求下拉框不能拉下来
2 个月之前 回复
qq_34379959
qq_34379959   2017.09.12 10:25

这么实现的目的是什么,不让他选值,为了只可以看里面有什么值是吗

qq_34379959
qq_34379959 回复qq_29054239: 属性里面都加个readOnly试试
2 个月之前 回复
qq_29054239
qq_29054239 对的。 现在需要select不可以有下拉,但是要点击有弹框来查看select的值
2 个月之前 回复
sayGoOn
sayGoOn   2017.09.12 10:30

onclick的时候设置disable属性,onblur的时候取消disable ,就能实现点击并且不可选了

qq_29054239
qq_29054239 没弄出来.. 大神能不能帮着写端代码帮我试试
2 个月之前 回复
qq_29054239
qq_29054239   2017.09.12 10:39

楼上说的我试过。 没弄出来... 我代码贴出来 能帮我改着试试么

<!DOCTYPE html>








1
2
3
4
5



<br> function clickSelect(){<br> console.log(&quot;aaaa&quot;);<br> }<br>
qq_29054239
qq_29054239   2017.09.12 10:59

图片说明

Csdn user default icon
上传中...
上传图片
插入图片