jquery 选择 select option 值。

<script type="text/javascript">
function switchDiv(node) {
$("#d").empty();
if($(node).val() == 0){
$("#d").append("<label for='checkbox'></label>"
   +"<input type='checkbox' name='checkbo' id='checkbox''/> "
 + " 一年级 "
  + "<input type='checkbox' name='checkbox2' id='checkbox2' /> "
  + "二年级");
}else{
$("#d").append("<label for='checkbox'></label>"
   +"<input type='checkbox' name='checkbo' id='checkbox''/> "
 + "  初一 "
  + "<input type='checkbox' name='checkbox2' id='checkbox2' /> "
  + " 初二");
}
} 
</script>
  <body>
<select name="class" id="class" onchange="switchDiv(this)">
    <option value="0">小学</option>
    <option value="1" >初中</option>
  </select>
<div id="d"></div>
</body>

解决方案 »

  1.   


    <script src=scripts/jquery-1.8.3.min.js></script>
    <script>
    $(function() {
      var last = 0;
      $('#class').change(function() {
        $('#grade'+last).hide();
        $('#grade'+$(this).val()).show();
        last = $(this).val();
      });    
    });
    </script>
    <select name="class" id="class">
      <option value="0">小学</option>
      <option value="1" >初中</option>
    </select>
    <div id="grade0" style='display:none'>
     <label for="checkbox"></label>
      <input type="checkbox" name="checkbox" id="checkbox" /> 
      一年级 
      <input type="checkbox" name="checkbox2" id="checkbox2" /> 
      二年级
    </div>
    <div id="grade1" style='display:none'>
     <label for="checkbox"></label>
      <input type="checkbox" name="checkbox" id="checkbox" /> 
      初一
      <input type="checkbox" name="checkbox2" id="checkbox2" /> 
     初二
    </div>