jquery - 如何在JQuery中的select标签中选择指定选项时编写if语句

Question

我希望在表单中有一个 if 语句，如果选择了禁用的选择(占位符)，则不允许发送表单。但是，我不知道该怎么做？

我的尝试:

if ($("option:selected") == $('#dis')) {
  error_last_name = 'Last Name is required';
  
  $('#error_last_name').text(error_last_name);
  $('#Event_Name').css('border-color', '#cc0000');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group">
  <label>Privilege: </label>
  
  <select name="Privilege" id="Privilege" class="dialogin">
    <option id="dis" disabled selected>Select a Privilege:</option>
    <option value="normal">Normal</option>
    <option value="privileged">Privileged</option>
  </select>
  
  <span id="error_last_name" class="text-danger"></span>
</div>

不幸的是，这没有任何作用。感谢任何帮助:) 变量 error_last_name 之前已创建。

Answer 1

在选项中添加值标签。使用下面的行获取所选选项的值。我使用了选择框更改事件来显示消息。

var getVal = $("#Privilege option:selected").val();

$("#Privilege").change(function(){
  var getVal = $("#Privilege option:selected").val();

  if (getVal == "") {
    alert("empty");
    // your code
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group">
  <label>Privilege: </label>
  
  <select name="Privilege" id="Privilege" class="dialogin">
    <option value="" id="dis"  selected>Select a Privilege:</option>
    <option value="normal">Normal</option>
    <option value="privileged">Privileged</option>
  </select>
  
  <span id="error_last_name" class="text-danger"></span>
</div>