Question

这是我的选择下拉列表，我如何在每个选项前面有复选框，并限制用户使用javascript选择最多3个选项。

<select  onclick="document.getElementById('cand_qual4').style.display='none'; " name="oca2[]" id="oca2"  multiple="multiple">
  <?php
 $odrop = array('B ','M C','D','A','L','k','P','I','OTHER');
 foreach ($odrop as $odrop1)
 {
     echo '<option value="' . $odrop1 . '"' . (isset($_POST['oca2']) && $_POST['oca2'] == $odrop1 ? ' selected' : '') . '>' . $odrop1 . '</option>';
  } 
 ?>         
</select>

Answer 1

您无法将<input type="checkbox" />放在<select />元素中;你必须写一些javascript来模拟这个功能。

Answer 2

这是一个示例插件，您可以使用它实现：http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/

它提供了多选，就像您通过复选框所描述的那样。

（旁注：我只花了2分钟去谷歌。谷歌是你的朋友;）

在下拉菜单中创建复选框

2 个答案: