Javascript 基于菜单选择显示/隐藏表单输入字段

我试图根据菜单选择获取某些要加载的输入隐藏字段数据。但我无法让它与下面的代码一起工作。你能帮我找出哪里出了问题吗？我想试着让这段代码正常工作

我目前在标题中有这个javascript

<script type="text/javascript">
    function toggle() {
        //alert(thing.options[thing.selectedIndex].innerHTML);
        var w = document.getElementById("pt").selectedIndex;
        var selected_text = document.getElementById("pt").options[w].text;
        if (selected_text == "Home") {
            //alert(selected_text)
            document.getElementById("hiddenbox").innerHTML = '<input type="hidden" name="sfrType[]" value="RES-Single Family"><input type="hidden" name="sfrType[]" value="RES-Farm-Ranch">'
        } else if (selected_text == "Lot") {
            // alert(selected_text)
            document.getElementById("hiddenbox").innerHTML = '<input type="hidden" id="amin_acres" name="amin_acres" value="0.001">'
        } else if (selected_text == "Acreage") {
            //alert(selected_text)
            document.getElementById("hiddenbox").innerHTML = '<input type="hidden" name="amin_acres" value="2">'
        } else {
            document.getElementById("hiddenbox").innerHTML = '';
        }
    }
</script>

函数切换（）{
//警报（thing.options[thing.selectedIndex].innerHTML）；
var w=document.getElementById（“pt”）。选择索引；
var selected_text=document.getElementById（“pt”）.options[w].text；
如果（所选文本==“主页”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}else if（所选文本==“批次”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}否则如果（所选文本==“面积”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}否则{
document.getElementById（“hiddenbox”）.innerHTML=''；
}
}

以下是字段表单菜单html：

<select name="pt" id="pt" onChange="toggle()" size="5" multiple="multiple">
    <option value="sfr" selected="selected">Home</option>
    <option value="ld">Lot</option>
    <option value="ld">Acreage</option>
    <option value="com">Commercial</option>
</select> 

家
很多
面积
商业的

因此，如果选择了

面积

，则将加载输入隐藏字段

。它曾经工作过，但后来停止了工作

您似乎丢失了#hiddenbox元素

<div id="hiddenbox"></div>
<select name="pt" id="pt" onChange="toggle()" size="5" multiple="multiple"> 
  <option value="sfr" selected="selected">Home</option> 
  <option value="ld">Lot</option> 
  <option value="ld">Acreage</option> 
  <option value="com">Commercial</option>
</select>

家
很多
面积
商业的

否则代码就可以正常工作。

似乎丢失了#hiddenbox元素

<div id="hiddenbox"></div>
<select name="pt" id="pt" onChange="toggle()" size="5" multiple="multiple"> 
  <option value="sfr" selected="selected">Home</option> 
  <option value="ld">Lot</option> 
  <option value="ld">Acreage</option> 
  <option value="com">Commercial</option>
</select>

家
很多
面积
商业的

否则代码就可以正常工作。

似乎丢失了#hiddenbox元素

<div id="hiddenbox"></div>
<select name="pt" id="pt" onChange="toggle()" size="5" multiple="multiple"> 
  <option value="sfr" selected="selected">Home</option> 
  <option value="ld">Lot</option> 
  <option value="ld">Acreage</option> 
  <option value="com">Commercial</option>
</select>

家
很多
面积
商业的

否则代码就可以正常工作。

似乎丢失了#hiddenbox元素

<div id="hiddenbox"></div>
<select name="pt" id="pt" onChange="toggle()" size="5" multiple="multiple"> 
  <option value="sfr" selected="selected">Home</option> 
  <option value="ld">Lot</option> 
  <option value="ld">Acreage</option> 
  <option value="com">Commercial</option>
</select>

家
很多
面积
商业的

---

否则代码可以正常工作。

您将输入标记的类型设置为隐藏。因此，不会显示输入类型。此外，如图所示，最好使用表单标记包装输入标记。我希望这有帮助

将输入标记的类型设置为隐藏。因此，不会显示输入类型。此外，如图所示，最好使用表单标记包装输入标记。我希望这有帮助

将输入标记的类型设置为隐藏。因此，不会显示输入类型。此外，如图所示，最好使用表单标记包装输入标记。我希望这有帮助

将输入标记的类型设置为隐藏。因此，不会显示输入类型。此外，如图所示，最好使用表单标记包装输入标记。我希望这有帮助

一定要添加div

函数切换（）{
//警报（thing.options[thing.selectedIndex].innerHTML）；
var w=document.getElementById（“pt”）。选择索引；
var selected_text=document.getElementById（“pt”）.options[w].text；
如果（所选文本==“主页”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}   
else if（所选文本==“批次”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}   
否则如果（所选文本==“面积”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}否则{
document.getElementById（“hiddenbox”）.innerHTML=''；
}
}

确保添加div

函数切换（）{
//警报（thing.options[thing.selectedIndex].innerHTML）；
var w=document.getElementById（“pt”）。选择索引；
var selected_text=document.getElementById（“pt”）.options[w].text；
如果（所选文本==“主页”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}   
else if（所选文本==“批次”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}   
否则如果（所选文本==“面积”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}否则{
document.getElementById（“hiddenbox”）.innerHTML=''；
}
}

确保添加div

函数切换（）{
//警报（thing.options[thing.selectedIndex].innerHTML）；
var w=document.getElementById（“pt”）。选择索引；
var selected_text=document.getElementById（“pt”）.options[w].text；
如果（所选文本==“主页”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}   
else if（所选文本==“批次”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}   
否则如果（所选文本==“面积”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}否则{
document.getElementById（“hiddenbox”）.innerHTML=''；
}
}

确保添加div

函数切换（）{
//警报（thing.options[thing.selectedIndex].innerHTML）；
var w=document.getElementById（“pt”）。选择索引；
var selected_text=document.getElementById（“pt”）.options[w].text；
如果（所选文本==“主页”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}   
else if（所选文本==“批次”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}   
否则如果（所选文本==“面积”）{
//警报（所选文本）
document.getElementById（“hiddenbox”）.innerHTML=''
}否则{
document.getElementById（“hiddenbox”）.innerHTML=''；
}
}

它已经包装在表单中。这只是表格的一部分。此外，需要隐藏隐藏的字段，但仍会得到表单提交的确认。只是不是谁在表单中可视化了。它已经被包装在表单中了。这只是表格的一部分。此外，需要隐藏隐藏的字段，但仍会得到表单提交的确认。只是不是谁在表单中可视化了。它已经被包装在表单中了。这只是表格的一部分。此外，需要隐藏隐藏的字段