Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Multiselect,Jquery:如果至少应选择一个选项,请选中我的multiple select_Javascript_Jquery_Multi Select - Fatal编程技术网

Javascript Multiselect,Jquery:如果至少应选择一个选项,请选中我的multiple select

Javascript Multiselect,Jquery:如果至少应选择一个选项,请选中我的multiple select,javascript,jquery,multi-select,Javascript,Jquery,Multi Select,嗨,我会总结我的问题,希望你能理解 主要目标:在点击选择按钮之前,检查是否至少选择了一个选项。否则,如果单击“选择”按钮而未选择至少一个选项,则会显示“请选择至少一个选项”的消息 目的:在我的其他代码中,我有理由需要一个选择按钮,而不仅仅是选择多个选择,并且不需要按钮 表单如下所示: 简单HTML代码: <div class="form-group"> // My Select Id is monthlymonth <label for="monthlymonth"

嗨,我会总结我的问题,希望你能理解

主要目标:在点击选择按钮之前,检查是否至少选择了一个选项。否则,如果单击“选择”按钮而未选择至少一个选项,则会显示“请选择至少一个选项”的消息

目的:在我的其他代码中,我有理由需要一个选择按钮,而不仅仅是选择多个选择,并且不需要按钮

表单如下所示:

简单HTML代码:

<div class="form-group">
  // My Select Id is monthlymonth

  <label for="monthlymonth" class="col-sm-4 control-label">For the Month Of: </label>
  <div class="col-sm-6" id=monthlymonthdiv>
      <select class="form-control" name="monthlymonth[]" id="monthlymonth" multiple>
          <option> October </option>
          <option> November </option>
          <option> December </option>
      </select>
   </div>

   /My Select button, Id is monthsubmit.
   <input style="text-align:center; width: 60px;" type="button" id="monthsubmit" name="monthsubmit" value="Select">

   <input style="text-align:center; width: 60px;" type="button" id="clear" name="clear" value="Clear">
</div>
$("#monthsubmit").unbind('click').bind('click', function() {
  if (// code that checks if no options is selected at least one)
  {
    alert('Please choose at least one month');
  }
  else
  {
    // my other codes
  }
});

希望这可以帮助您
if($('#monthlymonth')。获取(0)。selectedIndex==-1)

$(“#月提交”)。在('click',function()上{
if($('#monthlymonth').get(0).selectedIndex==-1)
{
警报(“请选择至少一个月”);
}
其他的
{
//我的其他代码
}
});
$(“#清除”)。在('单击',函数()上{
$(“#monthlymonth选项:选中”).removeAttr(“选中”);
});

以下月份:
十月
十一月
十二月

如果使用Jquery,检查输入值的最佳方法是使用“val()”函数。 如果未选择任何内容,则返回空值

以下是一个例子:
$(“#月提交”).unbind('click').bind('click',function(){
如果(!$(“#monthlymonthdiv”).val())
{
警报(“请选择至少一个月”);
}
其他的
{
//我的其他代码
}
});

以下月份:
十月
十一月
十二月

尝试简化版本

$(“#月提交”)。单击(函数(){
如果(!$(“#月月选项:选中”).length){
警报(“请选择至少一个月”);
}
});
$(“#清除”)。单击(函数(){
$(“#monthlymonth选项:选中”).removeAttr(“选中”);
});

以下月份:
十月
十一月
十二月

欢迎快乐编码