html网页中select元素设置成disabled后,怎样隐藏或去掉右边的三角箭头

Posted 2023-04-20

一般可以自己模拟写一个select的标签的效果，用ul li实现，这样你就可以很好的控制那个箭头了，如果是自带的select应该没法去掉，但是你可以写一个小层比如一个div把它给覆盖，控制这个div的显隐就可以了 参考技术A <input type="text" style="width:100px;height:20px;" value="北京">
<select  style="width:100px;height:20px;display:none;">
<option value="1">北京</option>
</select>

如上代码，谢一个input，和一个select，两个挨着。宽度，高度一样。

程序切换状态，如果为disabled，设置select的display为none，input的display为block。如果不是disabled，则反过来。这样其实是input和select的互相切换，实现没有三角箭头

本回答被提问者采纳

jQuery设置disabled属性

先比较下readOnly和disabled：

　　readOnly 只针对input(text/ password)和textarea有效；

　　disabled 对于所有的表单元素都有效，包括select,radio, checkbox, button等。

　　但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去（这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly，但是submitbutton却是可以使用的）。

 

js代码实现：

1 function disableElement(element,val){
2     document.getElementById(element).disabled=val;
3 }

 

jQuery代码实现：

1 //两种方法设置disabled属性
2 $(‘#areaSelect‘).attr("disabled",true);
3 $(‘#areaSelect‘).attr("disabled","disabled");
4 
5 //三种方法移除disabled属性
6 $(‘#areaSelect‘).attr("disabled",false);
7 $(‘#areaSelect‘).removeAttr("disabled");
8 $(‘#areaSelect‘).attr("disabled","");