asp:dropdownlist动态变化

时间:2012-05-18 08:13:05

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

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

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

谢谢!

1 个答案:

答案 0 :(得分:0)

这是一个通用的问题,因为有几个选项你可以做,而且我不是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");    

});