change select
2016-05-20 08:52
357 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>change select</title>
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
</head>
<body>
<select id="sel" name=sel>
<option value="身份证">身份证
<option value="护照">护照
</select>
<div id="yincang">选择身份证，这段话显示。选择护照，这段话消失</div>
<script type="text/javascript">
$("#sel").change(function (){
var va=$("#sel ").val();
if(va=="护照"){
$("#yincang").hide();
}else{
$("#yincang").show();
}
});
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>change select</title>
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
</head>
<body>
<select id="sel" name=sel>
<option value="身份证">身份证
<option value="护照">护照
</select>
<div id="yincang">选择身份证，这段话显示。选择护照，这段话消失</div>
<script type="text/javascript">
$("#sel").change(function (){
var va=$("#sel ").val();
if(va=="护照"){
$("#yincang").hide();
}else{
$("#yincang").show();
}
});
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Lua编程示例（一）：select、debug、可变参数、table操作、error
- SQL学习笔记三 select语句的各种形式小结
- 一条select语句引起的瓶颈问题思考
- SQL Select语句完整的执行顺序
- mysql SELECT语句去除某个字段的重复信息
- 点击按钮后 文本框变为Select下拉列表框
- javascript 模拟select下拉列表特效
- javascript select options 排序(保持option 对象完整性)
- 用javascript和css模拟select的脚本
- js select常用操作控制代码
- mysql中insert与select的嵌套使用方法
- jquery的clone方法应用于textarea和select的bug修复
- jquery中change()用法实例分析
- SQLServer中SELECT语句的执行顺序
- MySQL进阶SELECT语法篇
- asp中 select top 问题！~
- ASP中获得Select Count语句返回值的方法
- 探讨select in 在postgresql的效率问题
- 数据库插入数据之select into from与insert into select区别详解
- Javascript select控件操作大全（新增、修改、删除、选中、清空、判断存在等）