根据另一个下拉列表更新下拉值-jQuery

Question

这是小提琴

我的HTML中有两个下拉菜单项。

where from where to

您必须where from where to选择选项where from然后再选择where from 。

包含不同位置的数组如下所示：

 var allCities = ["Napoli", "Palermo", "Cagliari", "Barcelona", "Malaga", "Rio de Janeiro"];

选择了where from位置后，我想使用索引中比第一次选择的索引高的数组中的项更新where to的值。

例如，如果我选择卡利亚里作为我的where from 。

我where to应该显示Barcelona, Malaga, Rio de Janeiro ，但我where to下拉列表中从来没有得到任何值。

任何帮助深表感谢。

Answer 1

有几件事，

首先，您需要将$("#travel_from").on( "selectmenuchange", ...更改$("#travel_from").on( "change", ...

每次进行此活动时，您还需要清除travel_to城市

$('#travel_to').find('option').remove();

如果要首先禁用travel_to下拉列表，则需要在HTML中提供select disabled属性，然后在执行change事件时将其删除。

HTML

<select id="travel_to" disabled>

JS

$('#travel_to').prop('disabled', false);

而已。 这应该是您要找的东西，这是一个完整的小提琴