Javascript/Wordpress-表单选择条件

Javascript/Wordpress - Form selection conditions

本文关键字：选择 条件 表单 Wordpress- Javascript      更新时间：2023-09-26

Javascript新手。我有以下部分工作代码：

jQuery(document).ready(function ($) {
    $("#frm_form_70_container input[type=submit]").css('visibility', 'hidden'); //hide submit button by default
    $("select[name='item_meta[4418]'], select[name='item_meta[4473]'], select[name='item_meta[4474]'], select[name='item_meta[4483]']").change(function () {
        var submit = true;
        if ($("select[name='item_meta[4418]']:selected").val() == 'Email' || $("select[name='item_meta[4473]']:selected").val() == 'Email' || $("select[name='item_meta[4474]']:selected").val() == 'Email' || $("select[name='item_meta[4483]']:selected").val() == 'Email')
        submit = false;
        if (submit) {
            $("#frm_form_70_container input[type=submit]").css('visibility', 'visible');
        } else {
            $("#frm_form_70_container input[type=submit]").css('visibility', 'hidden');
        }
    });
});

我有一个下拉框，里面有几个值。我想做的是，当选择了"电子邮件"以外的任何值时，提交按钮都会隐藏起来。

这可能看起来很愚蠢，我很抱歉，但任何帮助都将不胜感激。

主要由@smerny和我本人提供

jQuery(document).ready(function ($) {
    var $allSelects = $("#frm_form_70_container").find('select'),
        $submitBtn = $("#frm_form_70_container input[type=submit]");
    $allSelects.on('change', function () {
        if (!$allSelects.filter(function() { 
            return this.value === "Email"; }).length) {
            $submitBtn.hide();
        } else {
            $submitBtn.show();
        }
    });
});

Fiddle演示

我已经接受了@dcodesmith和@smerny建议的代码，但我需要添加另一个选项，如"return this.value=="Apply for Senior Forecast"；"请参阅此处：http://jsfiddle.net/2oajog5x/

不幸的是，我对JS不太熟悉。

jQuery(document).ready(function($) {
  var $allSelects = $("#frm_form_11_container").find('select'),
    $submitBtn = $("#frm_form_11_container input[type=submit]");
  $allSelects.change(function() {
    if (!$allSelects.filter(function() {
        return this.value === "Apply for Senior Forecaster";
      }).length) {
      $submitBtn.hide();
    } else {
      $submitBtn.show();
    }
  });
});
.hide {
  display: none;
}
<form id='frm_form_11_container'>
  <select>
    <option value="What do you want to do?">What do you want to do?</option>
    <option value="Apply for Senior Forecaster">Apply for Senior Forecaster</option>
    <option value="I'd like to talk about a position">I'd like to talk about a position</option>
  </select>

相关文章：