Contact 7下拉值显示所需字段。

Question

如果在下拉列表中选择了特定的值，那么我找到了一个javascript来隐藏或显示一个textfield。

<label> Delivery
[select* drop-down-menu include_blank id:delivery "Yes" "No"] </label>

<label id="deliveryaddress"> Delivery Address
[text* deliveryaddress] </label>

<script language="javascript" type="text/javascript">
document.getElementById("deliveryaddress").style.display = 'none';

document.getElementById("delivery").addEventListener("change", displayTextField);
  function displayTextField() {

    var dropDownText =  document.getElementById("delivery").value;

    if (dropDownText == "Yes") {
      document.getElementById("deliveryaddress").style.display = 'block';
    } else {
      document.getElementById("deliveryaddress").style.display = 'none';
    }
  }
</script>

如果选择了值“是”，则会显示textfield，并且我可以输入这个必需的字段。但如果我选择“不”它的隐藏。在背景中，它仍然是“否”的必备字段。但是关于“不”，它不应该是一个被征用的领域。希望有人能帮我做这件事。

谢谢

Answer 1

您还需要在“是”或“否”选项上设置/取消设置必需的属性：

if (dropDownText == "Yes") {
  document.getElementById("deliveryaddress").style.display = 'block';
  document.getElementById("deliveryaddress").required = true;
} else {
  document.getElementById("deliveryaddress").style.display = 'none';
  document.getElementById("deliveryaddress").required = false;
}