在下拉菜单中创建复选框

Question

this is my select dropdown array ,how can i have check box in front of each option ,and limit user to select maximum 3 option using javascript .

<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

You can't place <input type="checkbox" /> within <select /> elements; you'd have to write some javascript to simulate this functionality.