Javascript 特定选择选项的PHP表单验证和工具提示消息

我有一个PHP表单，它有一个就业状态下拉菜单，可以选择就业、自营职业和失业

如果有人在提交表单时选择了失业，我想显示一条验证消息

我的代码在下面

var employment = $("#employment").val().length; 

if( employment == 0 )
{
    $("#employment").parent().css('background-color', '#B2E120');
    error = true;
}
else{
    $("#employment").parent().css('background-color', '#fff');
}

我的下拉代码如下

<option value="unemployed" title="Your tooltip here">Unemployed</option>

---

让我们更全面地假设您的标记如下所示：

<select name="employment">
  <option value="unemployed" title="Unemployed title">Unemployed</option>
  <option value="selfemployed" title="Self-Employed title">Self-Employed</option>
  <option value="employed" title="Employed title">Employed</option>
</select>

您可以在此处看到这一点：

请注意，这仅在选择更改时激发。因此，如果希望在页面加载时执行相同的代码，请在绑定到更改事件后添加：

---

这将触发select元素的更改事件，从而执行相同的逻辑。

Hi感谢您的回复。我想实现的是当有人提交按钮时。它检查就业下降是否为失业。如果它不是失业者，那么它只会处理formmail脚本，否则，它只会显示就业选择选项的工具提示，说我们不能为失业者查询服务。这是可能的吗？是的，你在原来的帖子中说过，我很抱歉。与其绑定到select元素的change事件，不如绑定到表单的submit事件，如下所示：$'employment-form'.submitfunction{var val=$'[name=employment]：selected.val；ifval=='unemployee'{$'[name=employment]'.css'background-color'、'b2e120'；返回false；//阻止表单提交}返回true；//现在将处理表单的'action'}；

<script>
// Wait until jQuery has loaded
$(function(){
  // Bind change event
  $('[name="employment"]').change(function(){
    var val = $('[name="employment"] :selected').val();
    if(val == 'unemployed') {
      $('[name="employment"]').css('background-color', '#b2e120');
    } else {
      $('[name="employment"]').css('background-color', '#fff');
    }
  });
});
</script>

$('[name="employment"]').change();