Javascript 单击按钮后选中所选选项

我试图在有人点击按钮时弹出警报。请选择尺寸。 我想检查是否选择了尺寸，如果是，按钮将工作，否则显示警报

以下是我的功能：

<script type="text/javascript">
  function SelectSize() {
    if ($('#SelectSize').is(':selected')) {  
    }
    else {
      alert('Please Select Size');
      return false; 
    }
  }
</script>

以下是HTML：

<select name="size"
        id="selectSize"
        class="form-control form-control-select"
        id="group_1"
        style="display:block;">
  <option value="">Select Size</option>
 @foreach($landing->attributes as $size)
  <option value="{{$landing->id}}-{{$size->size}}">{{$size->size}}</option>
 @endforeach
</select>

现在：

---

您的if条件不正确。以下是条件的代码，该条件应该有效

if($( "#SelectSize option:selected" ).val() !== ""){
    //do your stuff here
}

---

首先，请注意，您在select元素中使用了两个id。除此之外，函数中的选择器在排版上是不正确的

现在，了解了选择器，selectSize是您的选择元素，要查找选择选项，必须使用option:selected，其中：selected是用于查找所选选项的过滤器。我相信其余的都很容易理解

如果值仅包含空格，则使用trim可以避免出现问题

function SelectSize() {
  if ($('#selectSize option:selected').val().trim()) {
    //your code
  } else {
    alert('Please Select Size');
    return false; 
  }
}

---

另外：您的选择具有双id属性！

function SelectSize() {
  if ($('#selectSize option:selected').val().trim()) {
    //your code
  } else {
    alert('Please Select Size');
    return false; 
  }
}