elseif((getSelectedMonth <= 7 && getSelectedMonth % 2 == 0 && getSelectedMonth != 2) || (getSelectedMonth >= 8 && getSelectedMonth % 2 == 1)) {//得到小月份除二月以外
setDay(flag = 30);
}
}
//非闰年
else{
//alert("平年");
//得到平年大月份除二月以外
if((getSelectedMonth <= 7 && getSelectedMonth % 2 == 1 && getSelectedMonth != 2) || (getSelectedMonth >= 8 && getSelectedMonth % 2 == 0)) {//得到大月
setDay(flag = 31);
}
elseif(getSelectedMonth <= 7 && getSelectedMonth == 2) {
setDay(flag = 28);
}
elseif((getSelectedMonth <= 7 && getSelectedMonth % 2 == 0 && getSelectedMonth != 2) || (getSelectedMonth >= 8 && getSelectedMonth % 2 == 1)) {//得到小月份除二月以外
setDay(flag = 30);
}
}
}
//设置默认年份的值
selectDayElement.selectedIndex = day - 1;
functionsetDay(dayLength) {
for(vari = 1; i <= dayLength; i++) {
varopDayElement = document.createElement("option");
textMonth = document.createTextNode(i);
opDayElement.appendChild(textMonth);
opDayElement.value = i;
//alert(i);
selectDayElement.appendChild(opDayElement);
}
}
button.onclick =function() {
vargetSelectedYear = selectYearElement.selectedIndex + startYear;
vargetSelectedMonth = selectMonthElement.selectedIndex + 1;
vargetSelectedDay = selectDayElement.selectedIndex + 1;
alert("当前选中的日期是："+ getSelectedYear +"年"+ getSelectedMonth +"月"+ getSelectedDay +"日")
}
//getDay
</script>
</body>
</html>
运行效果图如下：
没有了
JavaScript如何实现select点菜功能呢？本文介绍了很简单的JavaScript实现的select点菜功能示例，有兴趣的同学赶快看看！
本文实例讲述了JavaScript实现的select点菜功能。分享给大家供大家参考，具体如下：
代码如下 复制代码
<html xmlns="">
<head>
<meta charset="utf-8">
<title>点菜</title>
<style type="text/css">
select{ width:120px;
}
</style>
</head>
<body>
<select id="select1">
<option value="1">鸡蛋汤</option>
<option value="2">海带汤</option>
<option value="3">万峦猪脚</option>
<option value="4">炸猪排</option>
<option value="5">上海醉蟹</option>
<option value="6">红烧狮子头</option>
<option value="7">排骨炖白菜</option>
</select>
<input type="button"id="btnAdd"value="添加"/>
<input type="button"id="btnClear"value="取消"/>
<select id="select2">
</select>
<input type="button"id="btnOk"value="确定"/>
<script type="text/javascript">
//初始化 select 的 size 属性
varselectElement = document.getElementById("select1");
varselect2Element = document.getElementById("select2");
varoptionElements = selectElement.getElementsByTagName("option");
selectElement.size = optionElements.length;
select2Element.size = optionElements.length;
//获取添加按钮，并添加 click 事件
varbtnAddElement = document.getElementById("btnAdd");
btnAddElement.onclick =function() {
varselectElement = document.getElementById("select1");
if(selectElement.selectedIndex < 0) {
alert("请选择菜单！");
return;
}
varselect2Element = document.getElementById("select2");
varoptionElements = selectElement.getElementsByTagName("option");
select2Element.appendChild(selectElement.options[selectElement.selectedIndex]);
selectElement.removeChild(selectElement.options[selectElement.selectedIndex]);
}
//获取删除按钮，并添加 click 事件
varbtnClearElement = document.getElementById("btnClear");
btnClearElement.onclick =function() {
varselectElement = document.getElementById("select2");
if(selectElement.selectedIndex < 0) {
alert("无可选菜单！");
return;
}
varselect2Element = document.getElementById("select1");
varoptionElements = selectElement.getElementsByTagName("option");
select2Element.appendChild(selectElement.options[selectElement.selectedIndex]);
selectElement.removeChild(selectElement.options[selectElement.selectedIndex]);
}
//btnOk
varbtnClearElement = document.getElementById("btnOk");
btnOk.onclick =function() {
varselectedElement = document.getElementById("select2");
varselectedElementLen = selectedElement.childNodes.length - 1;
if(selectedElement.childNodes.length - 1 <= 0) {
//
}
else{
varcaidan ="";
for(vari = 0; i < selectedElementLen; i++) {
caidan = caidan +" "+ selectedElement.options[i].text;
}
document.write("您选择的有:"+ caidan);
}
}
</script>
</body>
</html>
运行效果图如下：
没有了
最近一直在做通行证项目，里面的注册模块中输入密码需要显示密码强度（低中高）。今天就把做的效果给大家分享下，代码没有网上搜索的那么复杂，能够满足一般的需求。 有兴趣的同学快看看吧！
最近一直在做通行证项目，里面的注册模块中输入密码需要显示密码强度（低中高）。今天就把做的效果给大家分享下，代码没有网上搜索的那么复杂，能够满足一般的需求。
html 代码如下：
代码如下 复制代码
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>密码强度</title>
<style type="text/css">
#passStrength{height:6px;width:120px;border:1px solid #ccc;padding:2px;}
.strengthLv1{background:red;height:6px;width:40px;}
.strengthLv2{background:orange;height:6px;width:80px;}
.strengthLv3{background:green;height:6px;width:120px;}
</style>
</head>
<body>
<input type="password"name="pass"id="pass"maxlength="16"/>
<div class="pass-wrap">
<em>密码强度：</em>
<div id="passStrength"></div>
</div>
</body>
</html>
<script type="text/javascript"src="js/passwordStrength.js"></script>
<script type="text/javascript">
newPasswordStrength('pass','passStrength');
</script>
js 代码如下：
代码如下 复制代码
functionPasswordStrength(passwordID,strengthID){
this.init(strengthID);
var_this =this;
document.getElementById(passwordID).onkeyup =function(){
_this.checkStrength(this.value);
}
};
PasswordStrength.prototype.init =function(strengthID){
varid = document.getElementById(strengthID);
vardiv = document.createElement('div');
varstrong = document.createElement('strong');
this.oStrength = id.appendChild(div);
this.oStrengthTxt = id.parentNode.appendChild(strong);
};
PasswordStrength.prototype.checkStrength =function(val){
varaLvTxt = ['','低','中','高'];
varlv = 0;
if(val.match(/[a-z]/g)){lv++;}
if(val.match(/[0-9]/g)){lv++;}
if(val.match(/(.[^a-z0-9])/g)){lv++;}
if(val.length < 6){lv=0;}
if(lv > 3){lv=3;}
this.oStrength.className ='strengthLv'+ lv;
this.oStrengthTxt.innerHTML = aLvTxt[lv];
};
效果图：
使用说明：
1、对象的第一个参数是密码输入框的 id，第二个参数是密码强度长条的 id。
2、checkStrength 方法中可以自定义密码强度的规则。
3、密码强度显示低中高分别对应 3 个 css 样式（strengthLv1、strengthLv2、strengthLv3）。
没有了
相关文章
精彩导读
热门资讯
关注我们
