Question

如果在下拉列表中选择了特定值，我发现了一个可隐藏或显示文本字段的JavaScript。

<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>

如果选择值“是”，则显示文本字段，我可以在此必填字段中输入。但是，如果我选择“否”，则其隐藏。在后台，它仍然是“否”的必填字段。但是，在“否”上，它不是必填字段。希望有人能帮我怎么做。

谢谢

Answer 1

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

{{form.id.auto_id}}

Contact Form 7的下拉值显示必填字段

1 个答案: