联系人表单7根据条件隐藏和显示字段

时间:2018-03-04 作者:abu

我有我的网站使用联系表,我使用的代码如下

<label> Your Name (required)
[text* your-name] </label>

<label> Your Email (required)
[email* your-email] </label>

<label> Your Country
[select country id:CountryDropDown first_as_label "Select" "United Kingdom" "United States"] </label>

<label id="UkStates"> State
[select state "London" "Scotland"] </label>

<label id="UsaStates"> State
[select state "San Francisco" "New York"] </label>

[submit "Send"]

<script language="javascript" type="text/javascript">
document.getElementById("UkStates").style.display = \'none\';
document.getElementById("CountryDropDown").addEventListener("change", displayTextField);
  function displayTextField() {
    var dropDownText =  document.getElementById("CountryDropDown").value;
    if (dropDownText == "United Kingdom") {
      document.getElementById("UkStates").style.display = \'block\';
    } else {
      document.getElementById("UkStates").style.display = \'none\';
    }
  }
</script>
此代码仅在一种情况下工作。我的问题是如何使用JavaScript创建更多条件。

例如:“国家”字段也有“美国”,因此如果选择“美国”,则只显示美国。

若问题扩大到较大的范围,请原谅。谢谢

1 个回复
SO网友:aitor

我不确定你的问题。如果你想做一个if 有两个条件的语句,只需使用&& (和)或|| (或):

if (dropDownText == "United Kingdom" && condition2 == "some") {
  // do something
}

if (dropDownText == "United Kingdom" || condition2 == "some") {
  // do something
}

结束

相关推荐

javascript ajax and nonce

在动态创建表单时,我很难使用Wordpress nonce验证通过对php后端的XML请求来实现nonce。我同意表单构建版本wp_nonce_field( \'delete-comment_\'.$comment_id ); 因此,在通过javascript本地化时,我尝试使用其他nonce选项。$nonce = wp_create_nonce( \'my-action_\'.$post->ID ); 然后要验证,似乎有两种选择。check_ajax_referer( \'p

联系人表单7根据条件隐藏和显示字段 - 小码农CODE - 行之有效找到问题解决它

联系人表单7根据条件隐藏和显示字段

时间:2018-03-04 作者:abu

我有我的网站使用联系表,我使用的代码如下

<label> Your Name (required)
[text* your-name] </label>

<label> Your Email (required)
[email* your-email] </label>

<label> Your Country
[select country id:CountryDropDown first_as_label "Select" "United Kingdom" "United States"] </label>

<label id="UkStates"> State
[select state "London" "Scotland"] </label>

<label id="UsaStates"> State
[select state "San Francisco" "New York"] </label>

[submit "Send"]

<script language="javascript" type="text/javascript">
document.getElementById("UkStates").style.display = \'none\';
document.getElementById("CountryDropDown").addEventListener("change", displayTextField);
  function displayTextField() {
    var dropDownText =  document.getElementById("CountryDropDown").value;
    if (dropDownText == "United Kingdom") {
      document.getElementById("UkStates").style.display = \'block\';
    } else {
      document.getElementById("UkStates").style.display = \'none\';
    }
  }
</script>
此代码仅在一种情况下工作。我的问题是如何使用JavaScript创建更多条件。

例如:“国家”字段也有“美国”,因此如果选择“美国”,则只显示美国。

若问题扩大到较大的范围,请原谅。谢谢

1 个回复
SO网友:aitor

我不确定你的问题。如果你想做一个if 有两个条件的语句,只需使用&& (和)或|| (或):

if (dropDownText == "United Kingdom" && condition2 == "some") {
  // do something
}

if (dropDownText == "United Kingdom" || condition2 == "some") {
  // do something
}