项目添加- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 项目添加

Javascript: JMenuTab简单使用说明; 简单的JS多重继承示例; js另类写法; javascript cookie解码函数（兼容ff）; Javascript的一种模块模式; 详解new function(){}和function(){}() 区别分析; YUI 读码日记之 YAHOO.lang.is*; 用JS得到字符串中出现次数最多的字母; YUI 读码日记之 YAHOO.util.Dom - Part.1; Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0; Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3; javascript YUI 读码日记之 YAHOO.util.Dom - Part.4; 利用js对象弹出一个层; js用图作提交按钮或超连接; 通过 Dom 方法提高 innerHTML 性能; javascript 通用滑动门tab类; 二行代码解决全部网页木马; JavaScript的面向对象方法以及差别; 悟透JavaScript整理版; try finally 妙用,防止内存泄漏

No. « ‹ 94 95 96 97 › »

技术文章搜索

关键字

Javascript 中的项目添加

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 186 ::

收藏到网摘: n/a

又一日历输入效果没考虑兼容性，IE通过 [转]prototype 源码解读超强推荐

点击运行可以看到效果:

<!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=gb2312" />
<title>Untitled Document</title>
<script language="javascript">
function addItem(objForm) { var valueAry=new Array(); var textAry=new Array(); var leftElement=objForm.elements["left"]; var rightElement=objForm.elements["right"]; var count=0; var i,j,k,flag; for(i=0;i<leftElement.options.length;i++) { if(leftElement.options[i].selected) {valueAry[count]=leftElement.options[i].value; textAry[count]=leftElement.options[i].text; count++; } } var count1=rightElement.options.length; count1=count1>0?count1:0; for(j=0;j<count;j++) { flag=false; for(k=0;k<count1;k++) { if(rightElement.options[k].text==textAry[j]) flag=true; } if(!flag) { rightElement.options[count1]=new Option(textAry[j],valueAry[j]); count1++; } } }
function subItem(objForm) { var i; var objElement=objForm.elements["right"]; for(i=objElement.options.length-1;i>=0;i--) { if(objElement.options[i].selected) objElement.options[i]=null; } }
function addAllItem(objForm) { var i; var leftElement=objForm.elements["left"]; for(i=0;i<leftElement.options.length;i++) { leftElement.options[i].selected=true; } addItem(objForm); }
function subAllItem(objForm) { var i; var rightElement=objForm.elements["right"]; for(i=0;i<rightElement.options.length;i++) rightElement.options[i].selected=true; subItem(objForm); }
</script>
</head>
<body>
<table width="200" cellpadding="0" cellspacing="0" border="0">
<form> <tr> <td width="80" rowspan="4"><select name="left" style="width:80px;height:100px;" multiple> <option>ITEM1</option> <option>ITEM2</option> <option>ITEM3</option> <option>ITEM4</option> <option>ITEM5</option> <option>ITEM6</option> </select></td> <td width="40" height="20" align="center"><input type="button" value=" >> " onclick="addItem(this.form);"></td> <td width="80" rowspan="4" align="right"> <select name="right" style="width:80px;height:100px;" multiple> </select> </td> </tr> <tr> <td width="40" align="center"><input type="button" value=" << " onclick="subItem(this.form)"></td> </tr> <tr> <td width="40" align="center"><input type="button" value="ALL>>" onclick="addAllItem(this.form)"></td> </tr> <tr> <td width="40" align="center"><input type="button" value="<<ALL" onclick="subAllItem(this.form)"></td> </tr>
</form>
</tr>
</table>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

又一日历输入效果没考虑兼容性，IE通过 [转]prototype 源码解读超强推荐

Javascript 中的 项目添加

评论 (0) All

Javascript 中的项目添加