프로토 타입 : 선택한 옵션을 다른 선택으로 이동하는 방법?

프로토 타입 1.6 사용 하나의 선택에서 모든 선택된 옵션을 제거하고 다른 옵션에 추가하려면 어떻게합니까? 나는 그들이 표적에 나타날 때 그들이 선택되어서는 안된다고 덧붙여 야한다고 생각한다 ...프로토 타입 : 선택한 옵션을 다른 선택으로 이동하는 방법?

출처

2010-12-07 Keith Myers

나는 "plain-jane"자바 스크립트를 사용하여 선택된 옵션을 얻고 선택을 해제하는 대답을 발견했다. . 이 프로토 타입 1.6 사용하고 잘 작동합니다.

<head> 

    <script type="text/javascript" src="prototype.js"></script> 

</head> 

<body> 

    <h1>Hello World</h2> 

    <div style="border:solid 1px black"> 

     <select id="leftSelect" multiple="multiple" size="3"> 
      <option value="1">One</option> 
      <option value="2">Two</option> 
      <option value="3">Three</option> 
     </select> 

     <span class="test"> 
      <button id="moveRightBtn">&gt;&gt;</button><br/> 
      <button id="moveLeftBtn">&lt;&lt;</button> 
     </span> 

     <select id="rightSelect" multiple="multiple" size="3"> 
      <option value="1">One</option> 
      <option value="2">Two</option> 
      <option value="3">Three</option> 
     </select> 

    </div> 

    <script type="text/javascript"> 

     document.observe("dom:loaded", function() 
     { 
      Event.observe("moveRightBtn", "click", function() 
      { 
       move($("leftSelect"), $("rightSelect")); 
      }); 

      Event.observe("moveLeftBtn", "click", function() 
      { 
       move($("rightSelect"), $("leftSelect")); 
      }); 
     }); 

     function move(sourceSelect, targetSelect) 
     { 
     var options = sourceSelect.select("option"); 

     options.each(function(item) 
     { 
      if(item.selected) 
      { 
       item.selected = false; 
       targetSelect.appendChild(item.remove()); 
      } 
     }); 
     } 

    </script> 

</body>

출처

2010-12-07 19:18:21

프로토 타입 : 선택한 옵션을 다른 선택으로 이동하는 방법?

답변

관련 문제