select上拉列表！使其不可改变！并且可以得到默认值-JavaSript-爱易网页

select上拉列表！使其不可改变！并且可以得到默认值

日期：2014-05-16　浏览次数：20280 次

select下拉列表！使其不可改变！并且可以得到默认值
用JS代码
disabled不行啊！用disabled获得不到默认值
求解答啊！项目赶时间啊！

------解决方案--------------------

<script>

function foo(obj){

      obj.selectedIndex=0;

}

</script>

<form action='f.php' method='post'>

<select name='key' id='key' onchange='foo(this)'>

<option value=0>All</option>

<option value=1>aa</option>

<option value=2>bb</option>

<option value=3>cc</option>

</select>

<input type='submit'>

</form>

或者就用disabled禁用掉，将select框的默认值放入一个隐藏域中，再提交。

------解决方案--------------------

<select name='key' id='key' disabled="disabled"> 

<option value=0>All</option> 

<option value=1>aa</option> 

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

<option value=3>cc</option> 

</select> 

<script type="text/javascript">

alert(document.getElementById('key').value)

</script>

这样会取不到值？？？？
------解决方案--------------------

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>

    <script type="text/javascript">

        function getValue(){

            alert("第1个select的值："+document.getElementById('select1').value);

            alert("第2个select的值："+document.getElementById('select2').value);

        }

    </script>

</head>

<body>

<div>

    <div style="border:solid 1px green;" >

        第1种：按原意，不过客户可能还是会有点误会的(能够动，为什么修改不了？)<br />

        <select id="select1" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">  

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

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

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

            <option value="4">test4</option>  

            <option value="5">test5</option>  

        </select>  

    </div>

    <div style="border:solid 1px red;" >

        第2种：在加载完span和select时，将select2的值给span<br />

        <span id="spanSelect2" ></span>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

select上拉列表！使其不可改变！并且可以得到默认值

相关资料更多>

推荐阅读更多>