Javascript表单验证问题如何显示条件输入字段

我正在使用引导和香草Javascript。这是一个非常简单的形式，真的

我的问题是，我已经有几年没有做过任何Javascript了，我需要帮助的第一件事是如何解决

现在谈谈问题：

IF the user select "Near_death" in the drop down. a new form must be shown. This has been hidden as long as no one chooses "Near_Death". Such as.

<div class="form-group">
   <select id="types" name="types" class="form-control">
   <option value="Near_death">Near_death</option>
   <option value="1" type="number">1</option>
   <option value="2" type="number">2</option>
   <option value="3" type="number">3</option>
     </select>
 </div>

如果用户在下拉列表中选择“濒死”。必须显示新表单。只要没有人选择“濒死”，这一点就会被隐藏起来。比如。
濒死
1.
2.
3.

我希望，如果用户选中“濒死”表单选项，则较低的表单会自我狂欢。这只是一个有条件的隐藏/显示的例子，但如果我还记得我以前是怎么做的，我一辈子都不能

---

求你了，只有香草味的。谢谢大家的帮助。非常感谢！：=）

您可以通过在select的on change事件中运行以下代码来完成此操作。示例如下：

var myForm = document.getElementById("myForm"); //your form id

var types = document.getElementById("types");
var selectedItem = types.options[types.selectedIndex].text;

if(selectedItem == "Near_death"){
   myForm.style.display = "block";
}
else{
   myForm.style.display = "none";
}

---

注意：很抱歉，这没有经过测试，但希望能让您走上正确的轨道：）

您的html

<div class="form-group">
   <select id="types" name="types" class="form-control">
   <option value="Near_death">Near_death</option>
   <option value="1" type="number">1</option>
   <option value="2" type="number">2</option>
   <option value="3" type="number">3</option>
     </select>
 </div>

<div id="form_for_near_death">
  form_for_near_death 
</div>

必需的JS

#form_for_near_death{
  display:none;
}

将

事件

绑定到

选择框

，并根据您的选择切换表单显示。这是使用下面的脚本完成的

<script>
var selectbox = document.getElementById("types");

selectbox.addEventListener("change",function(event){
  toggleForm(event);
})

var toggleForm = function(event){
  var selectedValue = (typeof event === "string") ? event : event.target.value;
  var formObject = document.getElementById("form_for_near_death");
  if(selectedValue === "Near_death"){
    formObject.style.display="block";
    return;
  }
  formObject.style.display="none";
}
toggleForm(selectbox.value);
</script>

var selectbox=document.getElementById（“类型”）；
selectbox.addEventListener（“更改”，函数（事件）{
切换形式（事件）；
})
var-toggleForm=函数（事件）{
var selectedValue=（事件类型==“字符串”）？事件：event.target.value；
var formObject=document.getElementById（“form_表示接近死亡的形式”）；
如果（selectedValue==“濒死”）{
formObject.style.display=“block”；
返回；
}
formObject.style.display=“无”；
}
切换表单（selectbox.value）；

---

您可以在

中查看此代码的输出，衷心感谢您抽出时间！帮助很大！：D非常感谢你，墨奇！：）