这是小提琴
我的HTML中有两个下拉菜单项。
where from
和 where to
您必须先选择,where from
然后再where to
填写选项。
包含不同位置的数组如下所示:
var allCities = ["Napoli", "Palermo", "Cagliari", "Barcelona", "Malaga", "Rio de Janeiro"];
后where from
选择,我想在更新值where to
与具有索引比最初选择的一个更高的阵列中的项目。
例如,如果我选择Cagliari作为我的where from
。
我where to
应该显示Barcelona, Malaga, Rio de Janeiro
,但是我的where to
下拉菜单永远都不会得到任何值。
任何帮助深表感谢。
有几件事,
首先,您需要将更$("#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);
而已。这应该是您要找的东西,这是一个完整的小提琴
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句