Javascript 选择语言后,仅显示一个带选项的问题,不显示其他问题

Javascript 选择语言后,仅显示一个带选项的问题,不显示其他问题,javascript,html,Javascript,Html,我正在尝试下面的代码,但在选择语言时只激活一个问题和选项,而不激活其他问题和选项。代码是: 选择语言 印地语 英语 函数SelectLang(selLang){ var idElement=selLang; var selectedValue=idElement.options[idElement.selectedIndex].value; 如果(selectedValue==“1”){ document.getElementById(“hindiOptA”).disabled=false;

我正在尝试下面的代码,但在选择语言时只激活一个问题和选项,而不激活其他问题和选项。代码是:


选择语言
印地语
英语
函数SelectLang(selLang){
var idElement=selLang;
var selectedValue=idElement.options[idElement.selectedIndex].value;
如果(selectedValue==“1”){
document.getElementById(“hindiOptA”).disabled=false;
document.getElementById(“hindiOptB”).disabled=false;
document.getElementById(“hindiOptC”).disabled=false;
document.getElementById(“hindiOptD”).disabled=false;
document.getElementById(“engOptA”).disabled=true;
document.getElementById(“engOptB”).disabled=true;
document.getElementById(“engOptC”).disabled=true;
document.getElementById(“engOptD”).disabled=true;
}else if(selectedValue==“2”){
document.getElementById(“hindiOptA”).disabled=true;
document.getElementById(“hindiOptB”).disabled=true;
document.getElementById(“hindiOptC”).disabled=true;
document.getElementById(“hindiOptD”).disabled=true;
document.getElementById(“engOptA”).disabled=false;
document.getElementById(“engOptB”).disabled=false;
document.getElementById(“engOptC”).disabled=false;
document.getElementById(“engOptD”).disabled=false;
}否则{
document.getElementById(“hindiOptA”).disabled=true;
document.getElementById(“hindiOptB”).disabled=true;
document.getElementById(“hindiOptC”).disabled=true;
document.getElementById(“hindiOptD”).disabled=true;
document.getElementById(“engOptA”).disabled=true;
document.getElementById(“engOptB”).disabled=true;
document.getElementById(“engOptC”).disabled=true;
document.getElementById(“engOptD”).disabled=true;
}
}
如果选择印地语
प्रश्न संख्या एक. आपका फेवरेट रंग क्या है
लाल: नीला: भूरा: सफेद:
प्रश्न संख्या 2.आपको कौन सा रंग पसंद है
लाल: नीला: भूरा: सफेद: 如果选择英语语言
问题1。你最喜欢什么颜色
红色: 蓝色: 布朗: 白色:
问题2。您喜欢哪种颜色
红色: 蓝色: 布朗: 白色:
您可以对字段集使用id选择器,并根据激活的语言,可以为预期的字段集设置显示属性none和inherit

在这里,我向两个字段集都添加了一个id,并根据选择显示和隐藏它

注意:如果您不想在将来遇到任何错误,那么每个元素都应该有一个唯一的id。改变也是如此。如果您不改变它,我的解决方案仍然有效,但您在处理某个地方的答案时将面临错误


选择语言
印地语
英语
函数SelectLang(selLang){
var idElement=selLang;
var selectedValue=idElement.options[idElement.selectedIndex].value;
如果(selectedValue==“1”){
document.getElementById(“印地语”).style.display=“继承”;
document.getElementById(“英语”).style.display=“无”;
}else if(selectedValue==“2”){
document.getElementById(“印地语”).style.display=“无”;
document.getElementById(“英语”).style.display=“继承”;
}
否则{
document.getElementById(“印地语”).style.display=“继承”;
document.getElementById(“英语”).style.display=“继承”;
}
}
如果选择印地语
प्रश्न संख्या एक. आपका फेवरेट रंग क्या है
लाल: नीला: भूरा: सफेद:
प्रश्न संख्या 2.आपको कौन सा रंग पसंद है
लाल: नीला: भूरा: सफेद: 如果选择英语语言
问题1。你最喜欢什么颜色
红色: 蓝色: 布朗: 白色:
问题2。您喜欢哪种颜色
红色: 蓝色: 布朗: 白色:
不能对重复的元素使用id id是唯一的,所以每个答案都要使用唯一的id

就像下面的代码。 试试这个,如果你有任何疑问,请评论这个答案

功能选择语言(selLang){
var idElement=selLang;
var selectedValue=idElement.options[idElement.selectedIndex].value;
如果(selectedValue==“1”){
document.getElementById(“hindiOptA”).disabled=