Javascript 如何使用jquery打印基于下拉选择的值?

Javascript 如何使用jquery打印基于下拉选择的值?,javascript,jquery,html,json,Javascript,Jquery,Html,Json,下面是我的代码,它显示JSON变量中的电影数据,并根据所选城市将其显示在下拉列表中 我需要显示当用户选择电影中的电影下拉列表以打印电影名称和影院列表以及影院下拉列表 并选择一个下拉列表另一个下拉列表不更改(当用户选择电影下拉列表时,剧院下拉列表是默认状态,也是另一个) 下面是我的html $(文档).ready(函数(){ var cityData=[ { 城市名称:“班加鲁”, 价值:“班加鲁”, 数据:[ { 电影名称:“ABC”, 剧院名称:“图尔西剧院”, 放映时间:['8:00AM'

下面是我的代码,它显示JSON变量中的电影数据,并根据所选城市将其显示在下拉列表中

我需要显示当用户选择电影中的电影下拉列表以打印电影名称和影院列表以及影院下拉列表


并选择一个下拉列表另一个下拉列表不更改(当用户选择电影下拉列表时,剧院下拉列表是默认状态,也是另一个)

下面是我的html

$(文档).ready(函数(){
var cityData=[
{
城市名称:“班加鲁”,
价值:“班加鲁”,
数据:[
{
电影名称:“ABC”,
剧院名称:“图尔西剧院”,
放映时间:['8:00AM','12:00PM','4:00PM','9:00PM']
},
{
movieName:'DEF',
名称:“PVR”,
放映时间:['8:00AM','12:00PM','4:00PM','9:00PM']
},
{
电影名称:“GHI”,
剧院名称:“斯里尼瓦萨剧院”,
放映时间:['8:00AM','12:00PM','4:00PM','9:00PM']
},
],
},
{
城市名称:“海得拉巴”,
值:'海得拉巴',
数据:[
{
电影名称:“123”,
剧院名称:“剧院1”,
放映时间:['8:00AM','12:00PM','4:00PM','9:00PM']
},
{
电影名称:“456”,
域名:“PVR2”,
放映时间:['8:00AM','12:00PM','4:00PM','9:00PM']
},
{
电影名称:“789”,
剧院名称:“剧院3”,
放映时间:['8:00AM','12:00PM','4:00PM','9:00PM']
},
],
},
{
城市名称:“Guntur”,
值:“Guntur”,
数据:[
{
电影名称:“ABC1”,
剧院名称:“剧院4”,
放映时间:['8:00AM','12:00PM','4:00PM','9:00PM']
},
{
movieName:'DEF2',
名称:“PVR3”,
放映时间:['8:00AM','12:00PM','4:00PM','9:00PM']
},
{
movieName:‘GHI3’,
剧院名称:“剧院5”,
放映时间:['8:00AM','12:00PM','4:00PM','9:00PM']
},
],
},
{
城市名称:“Ongole”,
值:“Ongole”,
数据:[],
},
];
var位置=[];
$('#selectCity')。在('change',function()上{
if($(this.val().indexOf('City')=-1){
locations=cityData.filter(c=>c.cityName===$(this.val(),)[0]。数据;
var locationString='';
var locationString2='';
如果(locations.length==0){
$('#showTimings').html('No shows available');
}
$。每个(位置、功能(i、项目){
locationString+=''+item.theaterName+'';
locationString2+=''+item.movieName+'';
$('#showTimings').html('');
$.each(位置[i]。显示计时,功能(i,v){
var按钮=$('').html(v);
$('#showTimings')。追加(按钮);
});
});
$('#secondselectbox').html(locationString);
$('thirdselectbox').html(locationString2);
$('span#selectedMovie').text($('thirdselectbox').val());
$('span#selectedthewer').text($('secondselectbox').val());
}
});
$('#secondselectbox')。在('change',function()上{
var=$(this.val();
对于(位置中的var i){
if(位置[i]。剧院名称===剧院){
$('span#selectedTheater')。文本(剧院);
$('span#selectedMovie').text(位置[i].movieName);
$('thirdselectbox').val(位置[i].movieName);
$('#showTimings').html('');
$.each(位置[i]。显示计时,功能(i,v){
var按钮=$('').html(v);
$('#showTimings')。追加(按钮);
});
}
}
});
$('thirdselectbox')。on('change',function(){
var movie=$(this.val();
对于(位置中的var i){
if(位置[i].movieName==电影){
$('span#selectedMovie')。文本(电影);
$('span#selectedTheater')。文本(位置[i]。名称);
$('#Second SelectBox').val(位置[i].TheateName);
$('#showTimings').html('');
$.each(位置[i]。显示计时,功能(i,v){
var按钮=$('').html(v);
$('#showTimings')。追加(按钮);
});
}
}
});
});

选择城市
班加罗尔
海得拉巴
冈图尔
昂格尔

电影名称: 选择电影 剧院名称: 选择剧院 你的选择 剧院: 电影:
$(文档).ready(函数(){
var cityData=[
{
城市名称:“班加鲁”,
价值:“班加鲁”,
数据:[
{
电影名称:“ABC”,
名称:图尔西·西娅