操作select控件,增、删、改

luweifeng1983

浏览: 1231131 次
性别:
来自: 深圳

最近访客更多访客>>

jackzou

huanggua12353719

zhutiehan

flyelf

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JS应用

JavaScript HTML

<html>
<head>
<script language="javascript">
function addUCR(formObj){
	newUCR = formObj.ucr.value;
	if(newUCR=='') return;
	objUCRList = formObj.ucrList;
	if(!isUCRExists(formObj,newUCR)){
		newOption = new Option(newUCR,newUCR);
		objUCRList.options[objUCRList.options.length]=newOption;
		formObj.ucr.value='';
	}

}

function updateUCR(formObj){
	newUCR = formObj.ucr.value;
	if(newUCR=='') return;
	objUCRList = formObj.ucrList;
	if(objUCRList==null) return;
	sIndex = objUCRList.selectedIndex;
	if(sIndex==-1) return;
	if(!isUCRExists(formObj,newUCR)){
		objUCRList.options[sIndex].value = newUCR;
		objUCRList.options[sIndex].text = newUCR;
		objUCRList.selectedIndex = -1;
	}

}

function deleteUCR(formObj){
	objUCRList = formObj.ucrList;
	if(objUCRList==null) return;
	for(i=objUCRList.options.length-1;i>=0;i--){
		if(objUCRList.options[i].selected){
			objUCRList.remove(i);
		}
	}
	for(i=0;i<sIndex.length;i++){
	objUCRList.options[sIndex[i]] = null;
	}
}

function isUCRExists(formObj,ucr){
	objUCRList = formObj.ucrList;
	if(objUCRList!=null){
		for(i=0;i<objUCRList.options.length;i++){
			if(objUCRList.options[i].value==ucr){
			return true;
			}
		}
	}
	return false;
}

function setUCR(formObj){
	objUCR = formObj.ucr;
	objUCRList = formObj.ucrList;
	if(objUCR!=null && objUCRList!=null){
		sIndex = objUCRList.options.selectedIndex;
		objUCR.value = objUCRList.options[sIndex].value;
	}
}

function selectAllUCR(formObj){
	if(formObj == null) return false;
	objUCRList = formObj.ucrList;
	if(objUCRList==null) return false;

	for(i=0;i<objUCRList.options.length;i++){
		objUCRList.options[i].selected=true;
	}
	return true;
}

</script>
</head>
<body>
<form name="abc">
	<input type="text" name="ucr" maxlength="35" size="25">
	<input type="button" value="Add" onClick="addUCR(this.form)">
	<input type="button" value="Update" onClick="updateUCR(this.form)"><Br>
	<select multiple="multiple" name="ucrList" size="7" onChange="setUCR(this.form)">
	</select>
	<input type="button" value="Delete" onClick="deleteUCR(this.form)">
	<Br><BR><BR>
	<input type="button" class="btnSubmit" name="Save" value="Save" onclick="selectAllUCR(this.form)">
</form>
</body>
</html>

分享到：

JAVASCRIPT基础学习篇（11）－－ECMAScript ... | JS窗口问题处理：刷新父窗口的问题

2009-03-19 10:29
浏览 916
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

操作select控件,增、删、改

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

操作select控件,增、删、改

评论

发表评论

相关推荐

Cookie相关操作

JS回车实现Tab功能

javascript的focus函数如何定位到textarea指定地方

模式窗口window.showModalDialog()的用法

JavaScript判断浏览器类型及版本

JQuery基础

JQuery 随机生成密码

JS生成随机密码

在什么时候才会用到fireEvent方法呢?

get提交中文后乱码的问题的解决

利用javascript实现web页面刷新的方法

onkeyup,onkeydown,onkeypress

JS事件处理相关应用，srcElement

转：JQuery Ajax 仿google suggest 自动补全功能 支持中文（jsp / Servlet）

JS控制checkbox

提交和设置表单的值

Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）

JS对话框的总结

JS类型转換parseInt应注意的问题

JAVASCRIPT应用篇（1）－－动态给对象添加属性

最近访客更多访客>>

转：JQuery Ajax 仿google suggest 自动补全功能支持中文（jsp / Servlet）