怎样用Jave Script 实现对下拉选择框的显示或隐藏?

用“修改”按钮激发事件，显示select后，再由Select激发事件，填入Text的值

解决方案 »

  1.   

    <input type="text" name="txt"><input type="button" value="修改" onclick="document.all.myselect.style.display='inline';">
    <select name="myselect" style="display:none;" onchange="document.all.txt.value=this.options[selectedIndex].text">
    <option>1111111111111</option>
    <option>2222222222222</option>
    <option>3333333333333</option>
    <option>4444444444444</option>
    </select>
      

  2.   

    <HTML>
    <HEAD>
    <TITLE>简单例子</TITLE>
    <META Http-Equiv="Content-Type" Content="text/html; charset=gb2312">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function ock_check(inttype,intvalue){
    switch(inttype){
    case 1:
    document.all.div1.style.display="";
    break;
    case 2:
    document.all.txt.value=intvalue;
    break;
    }
    }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <FORM METHOD=POST ACTION="">
    <INPUT TYPE="button" value="修改" onclick="ock_check(1)">
    <INPUT TYPE="text" NAME="txt" id="txt">&nbsp;
    <div id=div1 style="display:none">
    <SELECT NAME="sel" id="sel" onchange="ock_check(2,this.value)">
    <option value="">请选择在txt中显示的内容
    <option value="在txt中显示的内容1">在txt中显示的内容1
    <option value="在txt中显示的内容2">在txt中显示的内容2
    <option value="在txt中显示的内容3">在txt中显示的内容3
    <option value="在txt中显示的内容4">在txt中显示的内容4
    <option value="在txt中显示的内容5">在txt中显示的内容5
    </SELECT>
    </div>
    </FORM>
    </BODY>
    </HTML>
      

  3.   

    還有一個問題:
    我怎樣在此修改text編輯框的只讀屬性?因為此前為只讀現在需改為可寫??
      

  4.   

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function ock_check(inttype,intvalue){
    switch(inttype){
    case 1:
    document.all.div1.style.display="";
    break;
    case 2:
    document.all.txt.value=intvalue;
    //加上下面这句
    document.all.txt.readOnly=true;
    break;
    }
    }
    //-->
    </SCRIPT>
      

  5.   

    在 lienzhu(李强)写的程序中
    <input type="text" name="txt"><input type="button" value="修改" onclick="document.all.myselect.style.display='inline';">
    <select name="myselect" style="display:none;" onchange="document.all.txt.value=this.options[selectedIndex].text;document.all.txt.readOnly=true;">   <－－这里加上
    <option>1111111111111</option>
    <option>2222222222222</option>
    <option>3333333333333</option>
    <option>4444444444444</option>
    </select>