亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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í)用,大家都見(jiàn)到過(guò)的,不多說(shuō)了,即使手頭暫時(shí)用不上,收藏起來(lái),以備后用。

運(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)文章

  • 一文搞懂JSON(JavaScript Object Notation)

    一文搞懂JSON(JavaScript Object Notation)

    Json 有兩種基本的結(jié)構(gòu),即 Json對(duì)象 和 Json 數(shù)組。通過(guò) Json 對(duì)象和 Json 數(shù)組這兩種結(jié)構(gòu)的組合可以表示各種復(fù)雜的結(jié)構(gòu),今天通過(guò)本文給大家介紹JavaScript Object Notation的基本知識(shí),感興趣的朋友一起看看吧
    2021-10-10
  • dedecms頁(yè)面如何獲取會(huì)員狀態(tài)的實(shí)例代碼

    dedecms頁(yè)面如何獲取會(huì)員狀態(tài)的實(shí)例代碼

    下面小編就為大家?guī)?lái)一篇dedecms頁(yè)面如何獲取會(huì)員狀態(tài)的實(shí)例代碼。一起跟隨小編過(guò)來(lái)看看吧,希望對(duì)大家有所幫助。
    2016-03-03
  • TypeScript中class類型實(shí)例講解

    TypeScript中class類型實(shí)例講解

    眾所周知在TypeScript中定義變量需要指定標(biāo)識(shí)符的類型,下面這篇文章主要給大家介紹了關(guān)于TypeScript中class類型的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-12-12
  • 手機(jī)端實(shí)現(xiàn)Bootstrap簡(jiǎn)單圖片輪播效果

    手機(jī)端實(shí)現(xiàn)Bootstrap簡(jiǎn)單圖片輪播效果

    這篇文章主要為大家詳細(xì)介紹了基于Bootstrap的簡(jiǎn)單輪播圖的手機(jī)實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • JavaScript中實(shí)現(xiàn)塊作用域的方法

    JavaScript中實(shí)現(xiàn)塊作用域的方法

    在Javascript中由于沒(méi)有作用域的概念,所以很容易發(fā)生標(biāo)識(shí)符名稱的沖突,尤其是在比較大的項(xiàng)目中,這類情況更容易發(fā)生
    2010-04-04
  • Bootstrap輪播圖學(xué)習(xí)使用

    Bootstrap輪播圖學(xué)習(xí)使用

    這篇文章主要為大家詳細(xì)介紹了Bootstrap輪播圖學(xué)習(xí)使用的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • JS PHP字符串截取函數(shù)實(shí)現(xiàn)原理解析

    JS PHP字符串截取函數(shù)實(shí)現(xiàn)原理解析

    這篇文章主要介紹了JS PHP字符串截取函數(shù)實(shí)現(xiàn)原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-08-08
  • js實(shí)現(xiàn)帶按鈕的上下滾動(dòng)效果

    js實(shí)現(xiàn)帶按鈕的上下滾動(dòng)效果

    這篇文章主要介紹了js實(shí)現(xiàn)帶按鈕的上下滾動(dòng)效果,設(shè)計(jì)javascript鼠標(biāo)事件及頁(yè)面元素樣式的相關(guān)操作技巧,需要的朋友可以參考下
    2015-05-05
  • JSON遍歷方式實(shí)例總結(jié)

    JSON遍歷方式實(shí)例總結(jié)

    這篇文章主要介紹了JSON遍歷方式,結(jié)合實(shí)例形式總結(jié)分析了JavaScript操作json實(shí)現(xiàn)遍歷的常用技巧,并給出了實(shí)例總結(jié),需要的朋友可以參考下
    2015-12-12
  • 微信小程序商城項(xiàng)目之側(cè)欄分類效果(1)

    微信小程序商城項(xiàng)目之側(cè)欄分類效果(1)

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崙?zhàn)商城系列之側(cè)欄分類效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-04-04

最新評(píng)論