求教JQuery

将表单中的 TextBox 和 DDL选中的值取出来 显示在 该控件的后面  并隐藏该控件请问如何用 JQuery 实现
<form id="form1" runat="server">
    <div>
        <table style="width: 100%;" border="0px">
            <tr>
                <td>
                    姓名
                </td>
                <td>
                    <asp:TextBox ID="txtName" runat="server" Text="abc"></asp:TextBox>
                </td>
                <td>
                ID
                </td>
                <td>
                    <asp:TextBox ID="txtId" runat="server" Text="1"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                地址
                </td>
                <td>
                    <asp:TextBox ID="txtAddress" runat="server" Text="qqqq"></asp:TextBox>
                </td>
                <td>
                性别
                </td>
                <td>
                    <asp:DropDownList ID="ddlGender" runat="server">
                    </asp:DropDownList>
                </td>
            </tr>
        </table>
    </div>
    </form>

解决方案 »

  1.   


    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" enableSessionState="True" %><html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>zell419</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            jQuery(function($) {
                $(":text ,select").each(function(){
                    $(this).parent().append( $(this).val());
                    $(this).hide();
                }); 
            });              
            
        </script>
    </head>
    <body>
    <form id="form1" runat="server">
        <div>
            <table style="width: 100%;" border="0px">
                <tr>
                    <td>
                        姓名
                    </td>
                    <td>
                        <asp:TextBox ID="txtName" runat="server" Text="abc"></asp:TextBox>
                    </td>
                    <td>
                    ID
                    </td>
                    <td>
                        <asp:TextBox ID="txtId" runat="server" Text="1"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>
                    地址
                    </td>
                    <td>
                        <asp:TextBox ID="txtAddress" runat="server" Text="qqqq"></asp:TextBox>
                    </td>
                    <td>
                    性别
                    </td>
                    <td>
                        <asp:DropDownList ID="ddlGender" runat="server">
                        <asp:ListItem Text="man" Value="0"></asp:ListItem>
                        <asp:ListItem Text="woman" Value="1"></asp:ListItem>
                        </asp:DropDownList>
                    </td>
                </tr>
            </table>
        </div>
        </form></body>
    </html>
      

  2.   

    有一个小问题 ddl 应该显示的是text 而不是 value 能否帮忙再改下
      

  3.   


    jQuery(function($) {
                $(":text").each(function(){
                    $(this).parent().append( $(this).val());
                    $(this).hide();
                }); 
                $("select").each(function(){
                    $(this).parent().append( $(this).find("option:selected").text());
                    $(this).hide();
                }); 
            }); 那这样吧 。