jquery 选择 select option 值。

yxqc 2014-06-16 12:51:21

<select name="class" id="class">
<option value="0">小学</option>
<option value="1" >初中</option>
</select>

在没有选中的情况下是隐藏以下数据的：

如果我选中小学的话，就会显示以下数据：
<label for="checkbox"></label>
<input type="checkbox" name="checkbox" id="checkbox" />
一年级
<input type="checkbox" name="checkbox2" id="checkbox2" />
二年级

选择初中的话就显示一下数据：

<label for="checkbox"></label>
<input type="checkbox" name="checkbox" id="checkbox" />
初一
<input type="checkbox" name="checkbox2" id="checkbox2" />
初二

代码要怎么写呢，谢谢帮忙。

...全文

59 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

xuzuning 2014-06-16

打赏
举报

回复


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

yxqc 2014-06-16

打赏
举报

回复

程序运行不了哦

orzxxx01 2014-06-16

打赏
举报

回复

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

自己做了三个专门用来操作下拉列表框(select)的jquery插件，一是通过ajax方式填充列表项的FillOptions，二是下拉列表框的联动插件CascadingSelect，三是手动添加列表项的AddOption插件具体说明请看这里 ...

获取Select ： ... $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex; 设

jQuery取得select选中的值本来以为jQuery("#select1").val();是取得选中的值，那么jQuery("#select1").text();就是取得的文本。...jQuery取得select选择的文本与值 jquery获取select选择...

，虽然可以把select下的option全部清空，但是select选中显示的文本还残留在select框里，为了去掉残留的文本，需要在清空之前，先把select选中显示的文本设置为空。代码如下： $("#unitlist").find("option:...

选项N所谓jQuery操作“select”, 说的更确切一些是应该是jQuery控制 “option”，看下面的jQuery代码：//获取第一个option的值$('#test option:first').val();//最后一个option的值$('#test option:last').val();//...

87,921

社区成员

224,619

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章