Question

我有两个下拉列表，显示我的asp.net MVC（C＃）应用程序中的位置。

第一个下拉列表显示“从地点”，第二个下拉列表显示“到位”。

地方列表如下：

 Alabama
 Alaska
 California
 Maryland,.....

From and To Place下拉列表包含上述位置。当我在From place下拉列表中选择一个地点时，To place下拉列表应包含From place下拉列表中所选地点以外的地点。

我怎样才能使用jquery？或任何其他有效的方法吗？

Answer 1

希望有所帮助：

http://codeleacher.wordpress.com/2008/12/09/how-to-addremove-items-from-a-dropdownlist-using-jquery/

享受！

Answer 2

简单的方法是将它们放在更新面板中，并将 selectedindexchange 事件绑定到 FROM PLACE DROPDOWNLIST ，当请求发布到服务器时删除 TO PLACE下拉列表的列表项基于 FROM PLACE DROPDOWNLIST 的选定索引。在第一页访问时，您可以禁用 TO PLACES DROPDOWNLIST 并强制用户先从 FROM PLACED DROPDOWNLIST 中选择。

Answer 3

以下代码非常有用：

$('#FromPlace').change(function() {
   $('#ToPlace >option').remove();
   var options = '';
   options += '<option value="">' + "--Select Place--" + '</option>';
   $("#FromPlace option").map(function(a, b) {
       b.value != '' && $("#FromPlace option:selected").val() != b.value ? options += '<option value="' + b.value + '">' + b.text + '</option>' : '';
   });
   $("select#ToPlace").html(options);
});

不要在第二个下拉列表中显示第一个下拉列表的选定项目

3 个答案: