就是本人根据本人选的下拉列表框的值 后面对应要显示文本框,怎么隐藏 然后在Jquery里面怎么判断和处理
选择 “时”的时候
选择 “分”的时候
解决方案:5分
show();hide()
解决方案:5分
$(obj).css("display","none");//隐藏 $(obj).css("display","block"|"inline-block");//显示的属性很多,了解css属性的display就明白了 常用display 1、div{display:block} 有换行作用。 案例:图片做背景,隐藏图片上文字http://www.divcss5.com/jiqiao/j55.shtml 2、div{display:None } 隐藏对象及对象内容。 案例:CSS隐藏HTML内容 http://www.divcss5.com/jiqiao/j55.shtml 3、div{display:Inline } 在一排显示。 代表案例,对li列表默认一排显示li{display:Inline }
解决方案:30分
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″ />
<script type=”text/javascript” src=”js/jquery.min.js” ></script>
<script>
function getCurrent(){
var opt=$(“#sel”).val();
$(“#current”).find(“span”).each(function(index){
if($(this).attr(“name”)==opt){
$(this).show();
}else{
$(this).hide();
}
});
}
</script>
<title></title>
</head>
<body>
<div>
<select id=”sel” onchange=”getCurrent()”>
<option >分</option>
<option>时</option>
</select>
<div id=”current”>
<span name=”分”><input />分钟</span>
<span name=”时”><input />小时</span>
</div>
</div>
</body>
</html>
// 谷歌浏览器测试可行,大致意思就这样,可以改进下