js设置下拉框不可编辑

JavaScript025

js设置下拉框不可编辑,第1张

javascript设置输入框不可编辑的方法:

1、使用disabled属性设置:disabled属性规定应该禁用input元素,被禁用的input元素既不可用,也不可点击。可以设置disabled属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过JavaScript来删除disabled值,将input元素的值切换为可用。disabled属性无法与一起使用。

2、使用readonly属性设置:readonly属性规定输入字段为只读,只读字段是不能修改的。不过,用户仍然可以使用tab键切换到该字段,还可以选中或拷贝其文本。readonly属性可以防止用户对值进行修改,直到满足某些条件为止(比如选中了一个复选框)。然后,需要使用JavaScript消除readonly值,将输入字段切换到可编辑状态。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "

">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html charset=gbk">

        <title>Untitled Document</title>

        <script type="text/javascript">

            window.onload = function(){

                var s = document.getElementById("org1.selShebeijibie")

                var ops = s.options

                for (var i = 0 i < ops.length i++) {

                    var tempValue = ops[i].value

                    if (tempValue == "2") //这里是你要选的值

                    {

                        ops[i].selected = "selected"

                        break

                    }

                }

            }

        </script>

    </head>

    <body>

        <select name="org1.selShebeijibie" id="org1.selShebeijibie">

            <option value="1">1</option>

            <option value="2">2</option>

            <option value="3">3</option>

        </select>

    </body>

</html>

你的主要原因是因为下拉框还没加载完就获取下拉框DOM对象,所以必须等整个网页加载完了再执行对页面元素的操作

以下是网上的资料:

浏览器加载显示html的顺序是按下面的顺序进行的:

1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。

2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完)。

3、如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载。

4、并且在下载后进行解析,解析过程中,停止页面所有往下元素的下载。

5、样式表在下载完成后,将和以前下载的所有样式表一起进行解析,解析完成后,将对此前所有元素(含以前已经渲染的)重新进行渲染。

6、JS、CSS中如有重定义,后定义函数将覆盖前定义函数。

注:JavaScript定义全局变量时,当值跟标签有关系时,JavaScript代码必须放在该标签后