请教如何用JS修改Search&Select Prmopt进行删减选择值

xiaoerp

如下图，当左边值 插入到 右边后，将左边的该值删除；当右边的值 被删后，添加到左边显示:


该贴已经同步到 xiaoerp的微博

xiaoerp

<script>
var theSpan = document.getElementById("A1");
var theSelect = theSpan .getElementsByTagName("select");


var obj1=theSelect [0];
var obj2=theSelect [1];



function addOption(){
for(var i=0;i<obj1.length;i++){
      if(obj1.options[i].selected){
                 obj2.options[obj2.options.length]=new Option(obj1.options[i].text,obj1.options[i].value);  
                  obj1.remove(i);  
                  i--;
       }
                        
  }


}

function removeOption(){
for(var i=0;i<obj2.length;i++){
  if(obj2.options[i].selected){
       obj1.options[obj1.options.length]=new Option(obj2.options[i].text,obj2.options[i].value);  
       obj2.remove(i);  
      i--;
}
}
}

xiaoerp

把两个select对象用<span>元素包函起来

在 SPAN元素 里  写上  <span id = "A1">

两个按钮  里 的代码是  
<button onclick="addOption()">插入</button>
  <button onclick="removeOption()">移除</button>

再  JS处理  里  写上
01.</span>

02.<script>

03.var theSpan = document.getElementById("A1");

04.var theSelect = theSpan .getElementsByTagName("select");

05.var obj1=theSelect [0];

06.var obj2=theSelect [1];

07.

08.

09.//插入

10.function addOption(){

11.for(var i=0;i<obj1.length;i++){

12.      if(obj1.options[i].selected){

13.                 obj2.options[obj2.options.length]=new Option(obj1.options[i].text,obj1.options[i].value);  

14.                  obj1.remove(i);  

15.                  i--;

16.       }

17.                        

18.  }

19.

20.

21.}

22.

23.//移除

24.function removeOption(){

25.for(var i=0;i<obj2.length;i++){

26.  if(obj2.options[i].selected){

27.       obj1.options[obj1.options.length]=new Option(obj2.options[i].text,obj2.options[i].value);  

28.       obj2.remove(i);  

29.      i--;

30.}

31.}

32.}

33.</script>

xiaoerp

要想获得想要的结果，就要在目标提交页面里获得两个select prompt组件里的状态项，再重新组装。或者使用cookice。  

当然这两种方式都是基于JS实现。