html - 如何在 html5 中制作多个必需的选择选项？

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')

  }
}