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

Question

这是 fiddle

我的 HTML 中有两个下拉项。

从哪里和到哪里

在 where to 充满选项之前，您必须选择 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 属性，然后在执行更改事件时将其删除。

HTML

<select id="travel_to" disabled>

JS

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

就是这样。这应该是您要找的东西，这里是 complete fiddle