Question

如何在html5中创建多个必需的选择选项？用户必须至少选择2个选项。

<select name='type' required multiple='multiple'>
    <option>...</option>
    ...
</select>

我尝试了这个但它不起作用，也没有检查是否有多个选中。

Answer 1

<select id="choice" multiple="multiple">
  <option value="1">One</option>
  <option value="2">two</option>
  <option value="3">three</option>
</select>
<script type="text/javascript">

var optionsToSelect = ['One','two', 'three'];
var select = document.getElementById( 'choice' );

for ( var i = 0, l = select.options.length, o; i < l; i++ )
{
  o = select.options[i];
  if ( optionsToSelect.indexOf( o.text ) <= 1 )
  {
    alert('Plz select at least 2 options')

  }
}

Answer 2

有点晚了，但对其他用户进行了长时间的互联网搜索。您可以使用HTML5执行此操作，但请确保您没有禁用默认行为。

$("#mybtnId").click(function() {

  var isValid = $("#MyForm")[0].checkValidity();
  if(false === isValid){
    //allow the browser's default submit event behavior 
    return true;
  }
  event.preventDefault();  <-- disable default behavior after check validation

  //...
});

如何在html5中创建多个必需的选择选项？

2 个答案: