asp.net 与jQuery结合

最新推荐文章于 2021-02-05 20:39:21 发布

firehou

最新推荐文章于 2021-02-05 20:39:21 发布

阅读量808

点赞数

分类专栏： c# javascript 文章标签： jquery asp.net textbox server function xhtml

本文链接：https://blog.csdn.net/firehou/article/details/5662325

版权

c# 同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

javascript

6 篇文章 0 订阅

订阅专栏

在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>