html 控件select

  各位大侠，我现在用select  实现下拉的效果，里面的option值我与数据库绑定！现在我遇到的问题是，数据库中没有我想选的，我想双击 select    对其经行编辑！上网查了，都说没有这样的，现在我就想   我用一个TextBox 隐藏，当我双击select时，调用js代码   将  textbox显示出来 ！这怎么实现！   在线等 ！谢谢各位了

解决方案 »

  1.   

    http://www.baidu.com/s?wd=asp.net+%E5%8F%AF%E7%BC%96%E8%BE%91%E7%9A%84select&rsv_spt=1&issp=1&rsv_bp=0&ie=utf-8&tn=monline_5_dg&inputT=6559
    介个
      

  2.   

    $(function(){
     $("#textbox所在的div的id").hide(); //页面加载的时候隐藏
    $("#select的id").bind("change",function(){
     $("#textbox所在的div的id").show(); //改变之后显示
    })
     
       //其实select就做数据绑定和数据选择用的  不知道楼主为什么非要搞编辑事件 要追加和修改也是可以的 感觉没那个必要
    });
      

  3.   

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_20120301_Default" %><!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 runat="server">
        <title>无标题页</title>
        <script src="../jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
        
        <script type="text/javascript">
            $(function(){
                $("#Select1").dblclick(function(){
                    $("#Text1").show();
                });
            });
        </script>
        
    </head>
    <body>
        <form id="form1" runat="server">
        <select id="Select1">
            <option value="1">1</option>
        </select>
        <input id="Text1" type="text" style="display:none;"/>
        </form>
    </body>
    </html>
      

  4.   

    其实只要把下拉框的宽度比TEXTBOX的宽度大一点，就宽出一个下拉符的大小，然后把TEXTBOX放在SELECT的前面，在下拉change事件中为TEXTBOX赋值就行了。
      

  5.   


    看到这句了吗？ <script src="../jquery-1.3.2-vsdoc.js" type="text/javascript"></script>下载一个Jquery包放在项目中。。引入进去。
      

  6.   


    http://jquery.com/点上面的链接，，，download下载
      

  7.   


    再帮你写个JS的
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_20120301_Default" %><!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 runat="server">
        <title>无标题页</title>
            
        <script type="text/javascript">
           function test()
           {
                document.getElementById("Text1").style.display = "";
           }
        </script>
        
    </head>
    <body>
        <form id="form1" runat="server">
        <select id="Select1" ondblclick="test();">
            <option value="1">1</option>
        </select>
        <input id="Text1" type="text" style="display:none;"/>
        </form>
    </body>
    </html>
      

  8.   

    谢谢各位大侠了，问题解决了！ #4楼
        <script src="jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>   <script type="text/javascript">
            $(function(){
                $("#Select1").dblclick(function(){
                    $("#Text1").show();
                });
            });    </script>
      <select id="Select1" runat="server">
            <option value="1">1</option>
            </select>
            <input id="Text1" type="text" style="display:none;"/>  效果出现不了啊   你帮我看看   那边错了 
      

  9.   


    看不出哪里错了要错只能是<script src="jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>这个引用路径或者名称的问题
      

  10.   

      <script type="text/javascript">
      $(function(){
     $("#Text1").hide();
      $("#Select1").dblclick(function(){
      $("#Text1").show();
      });
      });  </script>