【问题标题】:asp:dropdownlist change dynamicallyasp:dropdownlist 动态变化
【发布时间】:2012-05-18 08:13:05
【问题描述】:

有没有机会,当我从asp:dropdownlist 中选择一行时,动态更改页面,执行sql 查询,结果后,在第二个asp:dropdownlist 中更改所选行?

如果仅使用 asp.net 和 codebehind 无法做到这一点,请告诉我如何在 javascript 中执行 SELECT-query(可能使用 Ajax;但我不明白)并更改第二个下拉列表的选定行。

谢谢!

【问题讨论】:

    标签: c# javascript asp.net ajax code-behind


    【解决方案1】:

    这是一个有点笼统的问题,因为有几个选项可供您选择,而且我不能 100% 确定您想做什么。简而言之,您可以使用 AJAX 联系一个 PHP 页面,该页面将对您的数据库进行操作。它生成并发送回客户端的结果。您可以使用 JSON 来保存发送到浏览器的数据。

    AJAX 所做的只是允许您根据您提供的 URI 从另一个位置获取数据。我会使用 JQuery 库,因为它可以轻松实现 AJAX。

    // This will trigger ajax whenever the is a change in the drop down. I am assuming the drop down class is .dropdown
    $('.dropdown').change(function() {
        $.ajax({
          type: "POST",
          url: "page_change.php",
          data: { name: "about_us" }
          dataType:JSON,
          success: function(data) {
          //The data returned from test.php is loaded in the .result tag
            $('.result').html(data.html);
          // If you want to change page you would execute
          window.location(data.url);    
          }
        });
    });
    

    page_change.php 然后将联系您的数据库并生成 JSON。

    更多关于 JQuery AJAX 的信息在这里: http://api.jquery.com/jQuery.ajax/

    您需要查看 JQuery、AJAX、PHP 和 JSON 来更改页面上的数据。

    如果您只想在下拉更改中更改页面,我想您可以将页面名称存储在选项 id 中?

    $('.dropdown').change(function() {
     var page = $(this).attr('id');
          window.location(page + ".html");    
    
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-06-26
      • 2021-05-08
      • 2016-04-02
      • 2019-04-10
      • 2021-11-29
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多