下拉菜單中的創建復選框

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分鍾就用Google搜索。Google是您的朋友；）