javascript如何设置select只读不可用？

Posted 2023-05-08

select对象.disabled=true;不管用啊，为什么？？？

<select disabled="true">这样就只读了

1、javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在html（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 

2、在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

3、为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

参考技术A 使用readonly属性追问

也不行

追答

你是希望禁用它吧？

<select name="aa" id="aa">
        <option value="1">xxx</option>
        <option value="2">xdd</option>
    </select>
    <script>
        document.getElementById('aa').disabled = true;
    </script>

参考技术B document.getElementById('id').setAttribute('disabled','true'); 参考技术C 应该可以，你怎么设的？我试过了<select disabled="true">这样就只读了，你可以试下看追问

标签里这样写可以，但是在javascript里面document.getElementById("seller").disabled=true;就不行。。。。。。。。

追答

document.getElementById("aaa").disabled=true;

你必须让它加载时就调，比如我这种形式，当然你可以在某个触发条件下，你自己可以试一下

本回答被提问者采纳 参考技术D 你在什么时候用js改变的 发下页面的代码

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

当属性设置为disabled时，提交表单时，select的值无法传递，提交前移除disabled属性就可以了

 

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");