如何设置Select下拉框的ReadOnly属性

最新推荐文章于 2021-01-21 10:39:17 发布

withLove2351

最新推荐文章于 2021-01-21 10:39:17 发布

阅读量1.5k

点赞数

文章标签： JavaScript 脚本 .net Blog ViewUI

本文链接：https://blog.csdn.net/withLove2351/article/details/83454579

版权

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/youbl/archive/2009/02/27/3942578.aspx

因为Select下拉框只支持disabled属性，不支持readOnly属性，

而在提交时，disabled的控件，又是不提交值的，在网上搜索了一下，发现有个很好的方法：

<select name="select123" onbeforeactivate="return false;" οnfοcus="this.blur();" οnmοuseοver="this.setCapture();" οnmοuseοver="this.releaseCapture();">
    <option>aaa</option>
</select>

或者使用如下的js脚本：

<select name="select123">
    <option>aaa</option>
</select>

<script type="text/javascript">

SetReadOnly(document.getElementById("select123"));
function SetReadOnly(obj){
    if(obj){
        obj.onbeforeactivate = function(){return false;};
        obj.onfocus = function(){obj.blur();};
        obj.onmouseover = function(){obj.setCapture();};
        obj.onmouseout = function(){obj.releaseCapture();};
    }
}

</script>