24
10月
2015
<!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>jQuery年月日三级联动(生日)</title>
<meta name="keywords" content="jQuery年月日,jQuery三级联动,jQuery生日" />
<meta name="description" content="本文介绍大家如何使用jQuery来实现年月日，以表单生日为例。" />
<link rel="stylesheet" type="text/css" href="http://www.sucaihuo.com/jquery/css/common.css" />
<style type="text/css">
.demo{width:380px; margin:80px 0 0 350px;}
.demo p{line-height:40px; font-size:16px}
</style>
</head>
<body>
<div class="head">
<div class="head_inner">
<a class="logo" href="http://www.sucaihuo.com">
<img alt="素材火logo" src="http://www.sucaihuo.com/Public/images/logo.jpg"/>
</a>
</div>
</div>
<div class="container">
<h2 class="title"><a href="http://www.sucaihuo.com/js/8.html">jQuery年月日三级联动(生日)</a></h2>
<div class="demo">
<p>
默认值：<br/>
<label>生日：</label>
<select id="select_year"></select>年
<select id="select_month"></select>月
<select id="select_day"></select>日
</p>
<p>
设置值：<br/>
<label>生日：</label>
<select id="select_year2" rel="2015"></select>年
<select id="select_month2" rel="4"></select>月
<select id="select_day2" rel="3"></select>日
</p>
</div>
</div>
<div class="foot">
Powered by sucaihuo.com 本站皆为作者原创，转载请注明原文链接：<a href="http://www.sucaihuo.com" target="_blank">www.sucaihuo.com</a>
</div>
<script type="text/javascript" src="http://www.sucaihuo.com/Public/js/other/jquery.js"></script>
<script type="text/javascript" src="birthday.js"></script>
<script>
$(function() {
$.ms_DatePicker({
YearSelector: "#select_year",
MonthSelector: "#select_month",
DaySelector: "#select_day"
});
$.ms_DatePicker({
YearSelector: "#select_year2",
MonthSelector: "#select_month2",
DaySelector: "#select_day2"
});
});
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery年月日三级联动(生日)</title>
<meta name="keywords" content="jQuery年月日,jQuery三级联动,jQuery生日" />
<meta name="description" content="本文介绍大家如何使用jQuery来实现年月日，以表单生日为例。" />
<link rel="stylesheet" type="text/css" href="http://www.sucaihuo.com/jquery/css/common.css" />
<style type="text/css">
.demo{width:380px; margin:80px 0 0 350px;}
.demo p{line-height:40px; font-size:16px}
</style>
</head>
<body>
<div class="head">
<div class="head_inner">
<a class="logo" href="http://www.sucaihuo.com">
<img alt="素材火logo" src="http://www.sucaihuo.com/Public/images/logo.jpg"/>
</a>
</div>
</div>
<div class="container">
<h2 class="title"><a href="http://www.sucaihuo.com/js/8.html">jQuery年月日三级联动(生日)</a></h2>
<div class="demo">
<p>
默认值：<br/>
<label>生日：</label>
<select id="select_year"></select>年
<select id="select_month"></select>月
<select id="select_day"></select>日
</p>
<p>
设置值：<br/>
<label>生日：</label>
<select id="select_year2" rel="2015"></select>年
<select id="select_month2" rel="4"></select>月
<select id="select_day2" rel="3"></select>日
</p>
</div>
</div>
<div class="foot">
Powered by sucaihuo.com 本站皆为作者原创，转载请注明原文链接：<a href="http://www.sucaihuo.com" target="_blank">www.sucaihuo.com</a>
</div>
<script type="text/javascript" src="http://www.sucaihuo.com/Public/js/other/jquery.js"></script>
<script type="text/javascript" src="birthday.js"></script>
<script>
$(function() {
$.ms_DatePicker({
YearSelector: "#select_year",
MonthSelector: "#select_month",
DaySelector: "#select_day"
});
$.ms_DatePicker({
YearSelector: "#select_year2",
MonthSelector: "#select_month2",
DaySelector: "#select_day2"
});
});
</script>
</body>
</html>
特殊说明，本文版权归 ning个人博客 所有带原创标签请勿转载，转载请注明出处.
本文标题： jQuery实现年月日三级联动(生日)