分享，好就顶下。

pxpsoft 2008-12-17 04:32:07
代码如下：


<HTML>



<script type="text/javascript" >



function   selectMove(oSource,oTarget,cWhich)     //两个选择框选项之间的移动，oSource为源选择框，oTarget为目标选择框，cWhich为提示文字，取值”左“或”右“。   

  {   

    

    if(!oSource.options.length)   

      {   

          alert(cWhich+"侧列表中已没有选项可选，无法移动！");   

          return;   

      }   

      if(oSource.selectedIndex==-1)   

      {   

         alert("操作前您首先应该从"+cWhich+"侧列表中选择一项！");   

          return;   

      }   

     

      var   mySld=new   Array();    //把要源列表框被选择的下标的值 放到 数组 中去

      

      for(i=0;i<oSource.options.length;i++)   

          if(oSource.options[i].selected)   

              mySld[mySld.length++]=i;   

              

        

      for(i=0;i<mySld.length;i++)     //把 数组 添加 到目标列表中去 

      {   

             

        var objOp=document.createElement("OPTION")

     

        objOp.value=oSource.options[mySld[i]].value;   

	    objOp.text=oSource.options[mySld[i]].text;   

	

	    oTarget.options.add(objOp);

          

          

      }   

      for(i=0;i<mySld.length;i++)    //源列表 去掉数组的值

      {   

        

         oSource.options.remove(mySld[i]-i);

        

      }   

      

     



   return true;

     

  }   







</script>



	<tr>

		<td height="60" valign="top">



			<table width="100%" border="0" cellpadding="0" cellspacing="0">



				<!--DWLayoutTable-->

				<tr>



					<td align="center">

						<select id="timesegmentselect" size=5 id="time" type="text"

							multiple="multiple" style="{width:100px}">



							<option value="01">

								01

							</option>

							<option value="02">

								02

							</option>

							<option value="03">

								03

							</option>

							<option value="04">

								04

							</option>

							<option value="05">

								05

							</option>

							<option value="06">

								06

							</option>

							<option value="07">

								07

							</option>

							<option value="08">

								08

							</option>

							<option value="09">

								09

							</option>

							

							<option value="10">

								10

							</option>

							

						    <option value="11">

								11

							</option>

							<option value="12">

								12

							</option>

							<option value="13">

								13

							</option>

							<option value="14">

								14

							</option>

							<option value="15">

								15

							</option>

							<option value="16">

								16

							</option>

							<option value="17">

								17

							</option>

							<option value="18">

								18

							</option>

							<option value="19">

								19

							</option>

							



						</select>

					</td>

					<td align="center">

						<select id="timesegmentselect2" size=5 type="text"

							multiple="multiple" style="{width:111px}">

						</select>

					</td>

				</tr>



				<tr>

					<td align="center">





						<input type="button" name="addtimesegment" value="添加>>"

							onclick="selectMove(window.document.all.timesegmentselect,window.document.all.timesegmentselect2,'左')"

							style="width:51; height:27" />

					</td>



					<td align="center">

						<input type="button" name="delettimesegment2" value="<<删除"

														onClick="selectMove(window.document.all.timesegmentselect2,window.document.all.timesegmentselect,'右')"

							style="width:51; height:27" />

					</td>

				</tr>

			</table>

			



</HTML>
...全文
131 19 打赏 收藏 转发到动态 举报
写回复
用AI写文章
19 条回复
切换为时间正序
请发表友善的回复…
发表回复
chinayuy 2008-12-19
  • 打赏
  • 举报
 回复
做个记号,再顶一下
etz2008 2008-12-19
  • 打赏
  • 举报
 回复
顶一下～
wxhx0502 2008-12-19
  • 打赏
  • 举报
 回复
ding
pxpsoft 2008-12-19
  • 打赏
  • 举报
 回复
基于大家的支持我继续写了一下排序。排序按照 -- 字符的笔画来的。高手也可以自己加上排序。代码有点乱。请高手批评意见。
由于项目基于IE我没有写版本的问题。





<HTML >

<meta http-equiv="content-type" content="text/html; charset=utf-8" />





<script type="text/javascript"  charset="utf-8">

 

 /*******************************************************/

 //pxp于20081219添加

 //两个选择框选项之间的移动，oSource为源选择框，oTarget为目标选择框，cWhich为提示文字，取值”左“或”右“。  

 

 function   selectMove(oSource,oTarget,cWhich)      

  {   

    

    if(!oSource.options.length)   

      {   

          alert(cWhich+"侧列表中已没有选项可选，无法移动！");   

          return;   

      }   

      if(oSource.selectedIndex==-1)   

      {   

         alert("操作前您首先应该从"+cWhich+"侧列表中选择一项！");   

          return;   

      }   

     

      var   mySld=new   Array();    //把要源列表框被选择的下标的值 放到 数组 中去

      

      for(i=0;i<oSource.options.length;i++)   

          if(oSource.options[i].selected)   

              mySld[mySld.length++]=i;   

        

      for(i=0;i<mySld.length;i++)     //把 数组 添加 到目标列表中去 

      {   

             

        var objOp=document.createElement("OPTION")

     

        objOp.value=oSource.options[mySld[i]].value;   

	    objOp.text=oSource.options[mySld[i]].text;   

	    

	    addOptionToListShort(objOp,oTarget);  //把objOp结点插入到目标列表框oTarget中，并按字符从小到大排序。

	  

	  

      }   

     

     

      for(i=0;i<mySld.length;i++)    //源列表 去掉数组的值

      {   

        

         oSource.options.remove(mySld[i]-i);

        

      }   

      

     return true;

     

  }   

  

  /******************************************/

  //pxp于2008-12-19添加

  //把optionObject对象添加到oTargetList列表框中去，并且排序。排的顺序为字符笔化比较 从小到大。

  

  function addOptionToListShort(optionObject,oTargetList) 

  {

  

 

    if(oTargetList.options.length>0)   //目标列表不为空

		    {

			    for(j=0;j<oTargetList.options.length;j++)　//遍历目标框的值

			   {

			      	 if(optionObject.text<oTargetList.options[j].text)　　//要插入的值目标框的值进行比较　可以加一个自定义比较函数

					 {	

					

					  oTargetList.options.add(optionObject,j);   //把结点插入到optionObject对象添加到j位置

				

					  j=oTargetList.options.length 	　　//跳出

					  

					 }

					 

					

					 if(j==oTargetList.options.length-1)　　//没找到,插入到末尾

					 {

					  oTargetList.options.add(optionObject);   

					 	

					  j=oTargetList.options.length 	　//跳出

					 	 

					 }

					 

		       }

		    }

	    

		   if(oTargetList.options.length==0)　//目标列表不为空　直接加上

		   {

		       

		   oTargetList.options.add(optionObject,0);     //把结点插入到optionObject对象添加到开始位置

		

		   }

  

    }







</script>













	<tr>

		<td height="60" valign="top">



			<table width="100%" border="0" cellpadding="0" cellspacing="0">



				<!--DWLayoutTable-->

				<tr>



					<td align="center">

						<select id="timesegmentselect" size=10 id="time" type="text"

							multiple="multiple" style="{width:100px}">



							<option value="安徽卫视">

								安徽卫视

							</option>

							<option value="湖南卫视">

								湖南卫视

							</option>

							<option value="中央二套">

								中央二套

							</option>

							<option value="中央一套">

								中央一套

							</option>

							<option value="江西卫视">

								江西卫视

							</option>

							<option value="广东卫视">

							广东卫视

							</option>

							<option value="河南卫视">

								河南卫视

							</option>

							<option value="	星期一">

									星期一

							</option>

							<option value="	星期二">

									星期二

							</option>



							<option value="星期三">

									星期三

							</option>



							<option value="	星期四">

								星期四

							</option>

							<option value="	星期五">

								星期五	

							</option>

							<option value="星期六">

								星期六

							</option>

							<option value="星期天">

						星期天

							</option>

								<option value="01">

								01

							</option>

							<option value="02">

								02

							</option>

							<option value="03">

								03

							</option>

							<option value="04">

								04

							</option>

							<option value="05">

								05

							</option>

							<option value="06">

								06

							</option>

							<option value="07">

								07

							</option>

							<option value="08">

								08

							</option>

							<option value="09">

								09

							</option>



							<option value="10">

								10

							</option>



							<option value="11">

								11

							</option>

							<option value="12">

								12

							</option>

							<option value="13">

								13

							</option>

							<option value="14">

								14

							</option>

							<option value="15">

								15

							</option>

							<option value="16">

								16

							</option>

							<option value="17">

								17

							</option>

							<option value="18">

								18

							</option>

							<option value="19">

								19

							</option>

							



						</select>

					</td>

					<td align="center">

						<select id="timesegmentselect2" size=10 type="text"

							multiple="multiple" style="{width:111px}">

						</select>

					</td>

				</tr>



				<tr>

					<td align="center">





						<input type="button" name="addtimesegment" value="添加>>"

							onclick="selectMove(window.document.all.timesegmentselect,window.document.all.timesegmentselect2,'左')"

							style="width:51; height:27" />

					</td>



					<td align="center">

						<input type="button" name="delettimesegment2" value="<<删除"												

						onClick="selectMove(window.document.all.timesegmentselect2,window.document.all.timesegmentselect,'右')"

							style="width:51; height:27" />

					</td>

				</tr>

			</table>

</HTML>
varlj 2008-12-18
  • 打赏
  • 举报
 回复
顶
注意一下兼容就更好了
wcabinboy 2008-12-18
  • 打赏
  • 举报
 回复
不错，正好需要，学习了
pxpsoft 2008-12-18
  • 打赏
  • 举报
 回复
谢谢大家的支持
neo_yoho 2008-12-18
  • 打赏
  • 举报
 回复
en
luojihaidao 2008-12-18
  • 打赏
  • 举报
 回复
ding
cyqlightrain 2008-12-18
  • 打赏
  • 举报
 回复
顶
yaazz 2008-12-18
  • 打赏
  • 举报
 回复
mark
弘毅致远 2008-12-17
  • 打赏
  • 举报
 回复
添加到右边列表，然后删除所选项重新到左边列表无排序。
要把排序加上就更好了。
弘毅致远 2008-12-17
  • 打赏
  • 举报
 回复
不错，顶下。
不悲不喜 2008-12-17
  • 打赏
  • 举报
 回复
顶顶!
lqscoke 2008-12-17
  • 打赏
  • 举报
 回复
云水千寻 2008-12-17
  • 打赏
  • 举报
 回复
ding
happy002 2008-12-17
  • 打赏
  • 举报
 回复
jf
s_liangchao1s 2008-12-17
  • 打赏
  • 举报
 回复
这种小东西 最好保持兼容性
s_liangchao1s 2008-12-17
  • 打赏
  • 举报
 回复
恩 支持下
学习笔记——uni-app实现简单分享功能
uni-app中有分享的API接口，但是需要现在QQ或者微信等开发者平台上注册账号，验证公司信息，而且只能分享图片或者文本等内容。分享API比较简单，但是总体使用起来比较...其中该组件所在页面，需要配置好需要加载的..
Android APP分享功能实现
【Android应用开发详解】第01期：第三方授权认证（一）实现第三方授权登录、分享以及获取用户资料  由于公司项目的需要，要实现在项目中使用第三方授权登录以及分享文字和图片等这样的效果，几经波折，...
【好券是什么？--自用省钱、分享赚钱，三方共赢】好券邀请码是多少？怎么注册下载好券，如何申请成为好券达人，如何快速升级好券总监
星爷给大家整理了月入过万大牛的经验分享给大家一直认为要把一件事情做好，其实很简单，先【做】，做了之后才有机会【好】很多人貌似自己很聪明一样，先不做，躲在背后静静观察，看你们赚钱了没，这样显得自己很稳重...
uniapp微信小程序生成分享海报(模板自取)
uniapp微信小程序生成分享海报
灵感分享｜10个优秀网站设计实例赏析及原型分享
网页设计师们经常会浏览高质量的网页设计作品分享网站，来解决灵感枯竭的问题。因为在这些优秀的网站设计实例中可以看到某些趋势，诸如：扁平化设计、视差滚动、响应式设计、流行配色设计等等。今天小摹为大家带来10...
JavaScript

87,914

社区成员

224,620

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章