asp.net 与jQuery结合

来源:互联网 发布:oracle数据库去重 编辑:程序博客网 时间:2024/05/16 06:52

在aspx页面里直接用标准控件,方便后台编程,给控件赋初值等等,打印到浏览器页面都是html代码,再用jquery来绑定事件,实现Ajax。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %>

<!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>asp.net 与jQuery结合</title>
    <script src="js/jquery-1.4.2.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function(){
           
          $("#TextBox1").change(function() {
                  var cont = $("#TextBox1").val();
                  cont = "<option value=" +cont +">" + cont + "</option>";
                  $(cont).appendTo("#DropDownList1");
                 
                });

   });
   
   
       
    </script>
   
   
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="DropDownList1" runat="server">
        </asp:DropDownList>       
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>       
    </div>
    </form>
</body>
</html>