• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

如何使用j查询在一个下拉列表中选择选项时填充json?

JavaScript 4次浏览

当我选择的第一个选择框中城市展示城市心软数据如何使用j查询在一个下拉列表中选择选项时填充json?

如何填充的JSON选择城市首次下降,当下降以及如何显示心软数据时,选择不同的城市?

这是HTML

当我选择班加罗尔市秀却是露出了不确定….


===========解决方案如下:

您在班加罗尔剧院清单和电影列表根据你的json结构没有正确地检索你的’位置’数据。

另外,这些选项在json中没有’id’,’item’。

将最后一个选择的ID更改为独特的东西(比如’thirdselectbox’…)。

修改您选择的变化监听器:

$("#selectCity").on('change', function() { 
    var locations = cityData.filter(c => c.cityName === $(this).val())[0].data; 
    var locationString = ''; 
    var locationString2 = ''; 
    console.log(locations) 
    $.each(locations, function(i, item) { 

     console.log(JSON.stringify(item)); 
     locationString += '<option value="' + item.theaterName + '">' + item.theaterName + '</option>'; 
     locationString2 += '<option value="' + item.movieName + '">' + item.movieName + '</option>'; 
    }); 
    $('#secondselectbox').html(locationString); 
    $('#thirdselectbox').html(locationString2); 
}); 

见working fiddle。

希望这会有所帮助。


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)