select下拉框一个问题

為select添加 OnClick 事件

解决方案 »

  1.   

     <select   name="class_input"   id="class_input" onclick='yourfunction()'> 
      

  2.   

    你是要选择后把值出现在文本框里吗，如果是可以这样写的
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <select id="sel" onchange="show()">
    <option value="aaa">aaa</option>
    <option value="bbb">bbb</option>
    </select>
    <input type="text" id="txt" />
    <script>
    function show()
    {
    var sel = document.getElementById("sel");
    document.getElementById('txt').value = sel.options[sel.selectedIndex].value;//innerHTML也可以
    }
    </script>
    </body>
    </html>
      

  3.   

    不需要的，是一个查询的，就是需要在点击“帐号名称”的时候，
    出现<input   value=""   type="text"   name="keyname_input"> 文本框
    在点击“结算时间 ”的时候出现
    <input   value=""   type="text"   name="keyname_input"   onFocus="calendar()"> 
    这个是弹出时间选择的
    就是选择的时候要刷新了input才会变换
      

  4.   

     <input       value=""       type="text"       name="keyname_input">   文本框 <input       value=""       type="text"       name="keyname_input"       onFocus="calendar()">  
    这两个同名好象不行啊,设置不同的名字,都设置为隐藏,然后
    select的onchange()里根据选择将需要的那个显示出来
      

  5.   

    <html>
    <head>
    <script language="JavaScript" type="text/javascript"> 
    function ShowDiv(v){  
     for(var i=1;i<=2;i++){
     document.getElementById(i).style.display ="none";
     }
     document.getElementById(v).style.display ="";
    } 
    </script> 
    </hrad> 
    <body> 
    <form action="monthaccountlist.asp" method="post"> 
        <tr bgcolor="#000066"> 
        <td align="right" colspan="9"> 
          <select name="class_input" id="class_input" onchange="ShowDiv(this.value)"> 
            <option value="1" selected>帐号名称</option> 
            <option value="2">结算时间</option> 
          </select> 
    <div id="1">帐号名称：<input value="" type="text" name="keyname_input"></div> 
    <div id="2" style="display:none"> 结算时间：<input value="" type="text" name="keyname_input" onFocus="calendar()"></div>
    <input type="submit" value="查 询"> </td> 
        </tr> 
    </form> 
    </body> 
    </html>
      

  6.   

    不是的，我的意思是现在  选值后  不点击查询  就不会出现对应的文本框
    比方说我进入页面后开始的下拉框值是 帐号名称
    出现<input   value=""   type="text"   name="keyname_input"> 
    但是我选择 结算时间 的时候出现的还是这个但是选择帐  结算时间 时点击 查询 就会出现
    <input   value=""   type="text"   name="keyname_input"   onFocus="calendar()"> 不过这个时候点 帐号名称 还是出现这个，又要点查询才会变回去
      

  7.   

    showbo 已经解决了哦，非常感谢！
      

  8.   

    这里又有一个新问题了哦，原来查询时输入文本框的值可以通过keyname_input获取，为什么现在不行了哦
      

  9.   

    名称一样了,你名称取不一样的不就好了?<div id="1">帐号名称：<input value="" type="text" name="keyname_input1"></div> 
    <div id="2" style="display:none"> 结算时间：<input value="" type="text" name="keyname_input2" onFocus="calendar()">
    <%
    '这里通过 "keyname_input"&request("class_input")来获取值
      dim key:key=request("keyname_input"&request("class_input"))
    %>
      

  10.   

    <script language="javascript">
    function Query(V){

    document.getElementById("keyname_input").attachEvent("onfocus",change)

    }
    function change(){
    var k= document.getElementById("class_input").value;
    if(k==2)calendar();

    }
    </script>
    <select name="class_input" id="class_input" onChange="Query(this.value)">
              <option value="1" selected>帐号名称</option>
              <option value="2">结算时间</option>
            </select>
            <input value="" type="text1" name="keyname_input" id="keyname_input">
    <input type="submit" value="查 询"> 有高手解决了，运行一切正常，嘿嘿，就是看不明白~~
      

  11.   

    不错,代码够简洁的.哈哈哈不过可以更加简洁,try.........<script language="javascript">
    function change(v){
    if(v==2)calendar();    
    }
    </script>
    <select name="class_input" id="class_input" onChange="change(this.value)">
              <option value="1" selected>帐号名称</option>
              <option value="2">结算时间</option>
            </select>
            <input value="" type="text1" name="keyname_input" id="keyname_input">
            <input type="submit" value="查 询"> 
      

  12.   

    不对..<script language="javascript">
    function showCalendar(){
    if(document.getElementById('class_input').value=='2')calendar();    
    }
    </script>
    <select name="class_input" id="class_input" onChange="change(this.value)">
              <option value="1" selected>帐号名称</option>
              <option value="2">结算时间</option>
            </select>
            <input value="showCalendar()" onfocus="" type="text1" name="keyname_input" id="keyname_input">
            <input type="submit" value="查 询"> 
      

  13.   

    够马虎了,搞错事件了,写到value里面了.5555<input value="showCalendar()" onfocus="" type="text1" name="keyname_input" id="keyname_input">
    ===><input onfocus="showCalendar()" type="text1" name="keyname_input" id="keyname_input">