2014-09-06 81 views
-1

我有2名選擇列表我怎樣才能改變選擇列表與編輯

<select Multiple name="SelectOut" id="SelectOut" size="15"> 
<select Multiple name="SelectIn" id="SelectIn" size="15"> 

在這兩者之間,我有兩個按鈕<-- & -->。使用這個按鈕,我可以將列表左移或右移或右移。

用戶不便之處是,複製和粘貼不能使用選擇列表。他想用文本編輯器替換正確的選擇列表SelectIn。他將內容粘貼到該編輯器中(通常是大列o)。粘貼後,它應該像選擇列表一樣。他應該能夠將列表項目移動到左側,從左側添加更多項目,應該對其進行排序等。

我該如何做到這一點?

在右側而不是選擇列表中,我需要一個文本編輯器。或者我應該能夠在右側部分列表中啓用複製和粘貼功能:)。對於用戶來說主要的不便是他必須從左邊的選擇列表中選擇一個或多個列表項目到右邊。絕望的他應該能夠從excel表欄中剪切並清除編輯。我可以看到另外一個解決方法是,將內容粘貼到額外的文本編輯器中,然後按下一個按鈕,即編輯器內容應該在右側選擇列表中顯示爲與Excel表格列中完全相同的列表項。 TIA -Philip-

+0

你想要做這樣的事http://www.montparnas.com /articles/wp-content/uploads/2006/11/form-select-list-boxes.jpg右欄是文本框,不是嗎?如果答案是肯定的,請嘗試使用http://api.jquery.com/replaceWith/ – 2014-09-06 04:14:56

回答

3

你想這樣的事情

demo

JS

function shiftRight() 
{ 
    var selItem = document.forms[0].list1.selectedIndex; 
    if (selItem == -1) 
    { 
     window.alert("Select Item From List") 
    } 
    else 
    { 
     document.forms[0].list2.add(document.forms[0].list1[selItem], null); 
    } 
} 

function shiftLeft() 
{ 
    var selItem = document.forms[0].list2.selectedIndex; 
    if (selItem == -1) 
    { 
     window.alert("Select Item From List") 
    } 
    else 
    { 
     document.forms[0].list1.add(document.forms[0].list2[selItem], null); 
    } 
} 
+0

我想他想要的東西類似於您發佈的內容,但具有附加功能:將選項粘貼到右側。 – 2014-09-06 04:49:06