最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js簡(jiǎn)單實(shí)現(xiàn)Select互換數(shù)據(jù)的方法

 更新時(shí)間:2015年08月17日 10:56:30   作者:企鵝  
這篇文章主要介紹了js簡(jiǎn)單實(shí)現(xiàn)Select互換數(shù)據(jù)的方法,涉及javascript動(dòng)態(tài)操作select中option節(jié)點(diǎn)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了js簡(jiǎn)單實(shí)現(xiàn)Select互換數(shù)據(jù)的方法。分享給大家供大家參考。具體如下:

這里基于javascript實(shí)現(xiàn)兩個(gè)Select互換數(shù)據(jù),簡(jiǎn)單實(shí)用,大家都見到過的,不多說了,即使手頭暫時(shí)用不上,收藏起來,以備后用。

運(yùn)行效果如下圖所示:

在線演示地址如下:

http://demo.jb51.net/js/2015/js-select-cha-data-codes/

具體代碼如下:

<title>兩個(gè)Select互換數(shù)據(jù),簡(jiǎn)單實(shí)用</title>
<script language="JavaScript">
var MainSel = null;
var SlaveSel = null;
var Item_org = new Array();function DoAdd(){
 var this_sel = null;
 for(var i=0;i<MainSel.options.length;i++){
  this_sel = MainSel.options[i];
  if(this_sel.selected){
   SlaveSel.appendChild(this_sel);
   i--;
  }
 }
 sort_Main(SlaveSel);
}function DoDel(){
 var this_sel = null;
 for(var i=0;i<SlaveSel.options.length;i++){
  this_sel = SlaveSel.options[i];
  if(this_sel.selected){
   MainSel.appendChild(this_sel);
   i--;
  }
 }
 sort_Main(MainSel);
}function sort_Main(the_Sel){
 var this_sel = null;
 for(var i=0;i<Item_org.length;i++){
  for(var j=0;j<the_Sel.options.length;j++){
   this_sel = the_Sel.options[j];
   if(this_sel.value==Item_org[i][0] && this_sel.text==Item_org[i][1]){
    the_Sel.appendChild(this_sel);
   }
  }
 }
}window.onload=function(){
 MainSel = select1;
 SlaveSel = select2;
 MainSel.ondblclick=DoAdd;
 SlaveSel.ondblclick=DoDel;
 var this_sel = null;
 for(var i=0;i<MainSel.options.length;i++){
  this_sel = MainSel.options[i];
  Item_org.push(new Array(this_sel.value,this_sel.text));
 }
}
</script>
<table width="300" border="0" cellspacing="0" cellpDoAdding="0" align="center">
 <tr>
 <td width="45%" align="center">
 <select id="select1" size="5" multiple style="width: 100px">
  <option value="111">111</option>
  <option value="222">222</option>
  <option value="333">333</option>
  <option value="444">444</option>
  <option value="555">555</option>
  <option value="666">666</option>
  </select> 
 </td>
 <td width="10%" align="center">
 <input name="DoAdd" type="button" value=">>" onClick="DoAdd()"><br>
 <input name="DoDel" type="button" value="<<" onClick="DoDel()">
 </td>
 <td width="45%" align="center">
 <select id="select2" size="5" multiple style="width: 100px">
 </select>
 </td>
 </tr>
</table>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • Bootstrap表單組件教程詳解

    Bootstrap表單組件教程詳解

    表單常見的元素主要包括:文本輸入框、下拉選擇框、單選框、復(fù)選框、文本域、按鈕等。接下來通過本文給大家介紹Bootstrap表單組件教程,感興趣的朋友一起學(xué)習(xí)吧
    2016-04-04
  • js文本框輸入點(diǎn)回車觸發(fā)確定兼容IE、FF等

    js文本框輸入點(diǎn)回車觸發(fā)確定兼容IE、FF等

    js文本框輸入點(diǎn)回車觸發(fā)確定兼容IE、FF等,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下
    2013-11-11
  • 用JavaScript 判斷用戶使用的是 IE6 還是 IE7

    用JavaScript 判斷用戶使用的是 IE6 還是 IE7

    判斷IE瀏覽器的腳本,方便根據(jù)瀏覽器不懂,支持不同的代碼的分別調(diào)用。
    2008-01-01
  • 用JS編寫選項(xiàng)卡效果

    用JS編寫選項(xiàng)卡效果

    這篇文章主要為大家詳細(xì)介紹了用JS編寫選項(xiàng)卡效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • JavaScript+html實(shí)現(xiàn)前端頁面滑動(dòng)驗(yàn)證

    JavaScript+html實(shí)現(xiàn)前端頁面滑動(dòng)驗(yàn)證

    這篇文章主要為大家詳細(xì)介紹了JavaScript+html實(shí)現(xiàn)前端頁面滑動(dòng)驗(yàn)證,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-06-06
  • fiv.js實(shí)現(xiàn)flv文件blob流實(shí)時(shí)播放的項(xiàng)目實(shí)踐

    fiv.js實(shí)現(xiàn)flv文件blob流實(shí)時(shí)播放的項(xiàng)目實(shí)踐

    本文主要介紹了fiv.js實(shí)現(xiàn)flv文件blob流實(shí)時(shí)播放的項(xiàng)目實(shí)踐,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-04-04
  • js創(chuàng)建對(duì)象的方式總結(jié)

    js創(chuàng)建對(duì)象的方式總結(jié)

    這篇文章主要介紹了js創(chuàng)建對(duì)象的方式,實(shí)例總結(jié)了3種常用的創(chuàng)建對(duì)象的方式,非常實(shí)用,需要的朋友可以參考下
    2015-01-01
  • js驗(yàn)證手機(jī)號(hào)、密碼、短信驗(yàn)證碼代碼工具類

    js驗(yàn)證手機(jī)號(hào)、密碼、短信驗(yàn)證碼代碼工具類

    這篇文章主要介紹了js驗(yàn)證手機(jī)號(hào)、密碼、短信驗(yàn)證碼代碼工具類,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-01-01
  • 最新評(píng)論

    全南县| 精河县| 北海市| 大姚县| 恩平市| SHOW| 北碚区| 衡东县| 夏河县| 井冈山市| 五大连池市| 贡觉县| 确山县| 扶沟县| 乡宁县| 陇南市| 瑞昌市| 湟源县| 绵竹市| 禹州市| 囊谦县| 黄大仙区| 肇源县| 商南县| 乳源| 崇州市| 湖口县| 孙吴县| 鄯善县| 岳池县| 奈曼旗| 水富县| 芦溪县| 湟中县| 永安市| 赞皇县| 安阳市| 千阳县| 章丘市| 鄂州市| 共和县|