Javascript 需要在一个选择的HTML/JS上显示两个单独的信息

Javascript 需要在一个选择的HTML/JS上显示两个单独的信息,javascript,html,Javascript,Html,当选择一个选项时,我需要在两个文本字段中显示这两个数组。 现在的情况是它只是显示第一个数组,当选择creating country时,它需要在输入标签上显示两个数组 var主机\国家\开始={ “阿富汗”:“12月21日开始”, “阿尔巴尼亚”:“01-Jan_开始”, “阿尔及利亚”:“01-Jan_startz”, }; 变量主机\国家\结束={ “阿富汗”:“21-12月底”, “阿尔巴尼亚”:“测试结束”, “阿尔及利亚”:“测试2_结束”, }; var selectbox=docu

当选择一个选项时,我需要在两个文本字段中显示这两个数组。 现在的情况是它只是显示第一个数组,当选择creating country时,它需要在输入标签上显示两个数组

var主机\国家\开始={
“阿富汗”:“12月21日开始”,
“阿尔巴尼亚”:“01-Jan_开始”,
“阿尔及利亚”:“01-Jan_startz”,
};
变量主机\国家\结束={
“阿富汗”:“21-12月底”,
“阿尔巴尼亚”:“测试结束”,
“阿尔及利亚”:“测试2_结束”,
};
var selectbox=document.getElementById('host_country');
var textbox=document.getElementById('host\u country\u date');
selectbox.addEventListener('change',函数(e){
textbox.value=host\u country\u start[this.value]
})

选择一个
阿富汗
阿尔巴尼亚
阿尔及利亚
开始日期:

结束日期:
您必须将引用添加到另一个数组中,并将其包含在代码中

var主机\国家\开始={
“阿富汗”:“12月21日开始”,
“阿尔巴尼亚”:“01-Jan_开始”,
“阿尔及利亚”:“01-Jan_startz”,
};
变量主机\国家\结束={
“阿富汗”:“21-12月底”,
“阿尔巴尼亚”:“测试结束”,
“阿尔及利亚”:“测试2_结束”,
};
var selectbox=document.getElementById('host_country');
var textbox=document.getElementById('host\u country\u date');
var textbox2=document.getElementById('host\u country\u end\u date');
selectbox.addEventListener('change',函数(e){
textbox.value=host\u country\u start[this.value];
textbox2.value=host\u country\u end[this.value];
})

选择一个
阿富汗
阿尔巴尼亚
阿尔及利亚
开始日期:

结束日期:
您必须将引用添加到另一个数组中,并将其包含在代码中

var主机\国家\开始={
“阿富汗”:“12月21日开始”,
“阿尔巴尼亚”:“01-Jan_开始”,
“阿尔及利亚”:“01-Jan_startz”,
};
变量主机\国家\结束={
“阿富汗”:“21-12月底”,
“阿尔巴尼亚”:“测试结束”,
“阿尔及利亚”:“测试2_结束”,
};
var selectbox=document.getElementById('host_country');
var textbox=document.getElementById('host\u country\u date');
var textbox2=document.getElementById('host\u country\u end\u date');
selectbox.addEventListener('change',函数(e){
textbox.value=host\u country\u start[this.value];
textbox2.value=host\u country\u end[this.value];
})

选择一个
阿富汗
阿尔巴尼亚
阿尔及利亚
开始日期:

结束日期:
您只需要获取对第二个文本字段的引用,并在事件处理程序中添加一行额外的代码,该代码使用与第一个文本框相同的技术设置其值,但访问第二个数组而不是第一个数组

var主机\国家\开始={
“阿富汗”:“12月21日开始”,
“阿尔巴尼亚”:“01-Jan_开始”,
“阿尔及利亚”:“01-Jan_startz”,
};
变量主机\国家\结束={
“阿富汗”:“21-12月底”,
“阿尔巴尼亚”:“测试结束”,
“阿尔及利亚”:“测试2_结束”,
};
var selectbox=document.getElementById('host_country');
var start=document.getElementById('host\u country\u date');
var end=document.getElementById('host\u country\u end\u date');
selectbox.addEventListener('change',函数(e){
start.value=host\u country\u start[this.value];
end.value=host\u country\u end[this.value];
})

选择一个
阿富汗
阿尔巴尼亚
阿尔及利亚
开始日期:

结束日期:
您只需要获取对第二个文本字段的引用,并在事件处理程序中添加一行额外的代码,该代码使用与第一个文本框相同的技术设置其值,但访问第二个数组而不是第一个数组

var主机\国家\开始={
“阿富汗”:“12月21日开始”,
“阿尔巴尼亚”:“01-Jan_开始”,
“阿尔及利亚”:“01-Jan_startz”,
};
变量主机\国家\结束={
“阿富汗”:“21-12月底”,
“阿尔巴尼亚”:“测试结束”,
“阿尔及利亚”:“测试2_结束”,
};
var selectbox=document.getElementById('host_country');
var start=document.getElementById('host\u country\u date');
var end=document.getElementById('host\u country\u end\u date');
selectbox.addEventListener('change',函数(e){
start.value=host\u country\u start[this.value];
end.value=host\u country\u end[this.value];
})

选择一个
阿富汗
阿尔巴尼亚
阿尔及利亚
开始日期:

结束日期:
提供JSFIDLE。为什么?代码什么时候可以在这里运行?请不要建议用户将代码发布到其他地方。这些外部链接将来可能会变得无效,那么这里的问题就没用了。请提供JSFIDLE。为什么?代码什么时候可以在这里运行?请不要建议用户将代码发布到其他地方。这些外部链接将来可能会失效,然后这里的问题就没用了。天哪。。。成功了!!谢谢你的快速回复。我真的很感激!谢谢大家!!!!!!!!!!!!!!!!!!!!!谢谢善良的用户@我的荣幸,我亲爱的朋友!:)@CarloViloria顺便问一下,你愿意把我的答案标为最好的吗?我需要代表积分:D@CarloViloria祝你度过愉快的一天,我亲爱的朋友!天哪。。。成功了!!谢谢你的快速回复。我真的很感激!谢谢大家!!!!!!!!!!!!!!!!!!!!!谢谢善良的用户@我的荣幸,我亲爱的朋友!:)@CarloViloria顺便问一下,你愿意把我的答案标为最好的吗?我需要代表积分:D@CarloViloria祝你度过愉快的一天,我亲爱的朋友@卡洛维洛里亚,不客气。别忘了将此标记为答案。祝你好运@卡洛维洛里亚,不客气。别忘了将此标记为答案。祝你好运