对不起这个愚蠢的问题,我以前使用MVC,以前从未做过这样的事情。
好吧,假设我正在实现一个Tickets系统,用户可以在该系统中预订特定时间和公交车的车票。
在"预订"页面中,我有两个下拉列表,其中一个用于行程时间,另一个用于该行程中的座位位置。
我想要它,这样当用户从第一个下拉列表中选择时间时,座椅位置下拉列表将自动更改以仅显示可用座椅。当然,每个行程都会有可用座位的数据库。
*到目前为止,我已经意识到:我必须用javascript制作一个OnChange事件处理程序,但我没有意识到我应该如何将座位列表从数据库中带到javascript中。
注意:im使用带有c#和razor语法的asp.net网页
提前感谢并对长段落表示歉意:)
var ddl_2_items = [ "one", "two", "three" ];
$("ddl_1").change(function(e){
var filteredValues = ddl_2_items.filter(function(obj) {
return obj.indexOf($(this).val()) != -1;
});
var ddl2 = $("ddl_2");
ddl2.empty();
filteredValues .each(function(obj){
ddl2.append($("<option>", { value: v, html: v }));
});
});
这是的基础
查看更多使用JavaScript 动态设置选择选项