Question

我有以下代码将值从一个多个字段追加到另一个字段，并使用javascript从一个多字段中删除值。

<html>  
<head>      
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>  

 <script type="text/javascript">  
  $().ready(function() {  

   $('#add').click(function() {  
    return !$('#select1 option:selected').remove().appendTo('#select2');  
   });  

   $('#remove').click(function() {  
    return !$('#select2 option:selected').remove();  
   });  

  });  
 </script>  

</head>  

<body>  

  <select multiple id="select1">  
   <option value="1">Option 1</option>  
   <option value="2">Option 2</option>  
   <option value="3">Option 3</option>  
   <option value="4">Option 4</option>  
  </select>  

  <a href="#" id="add">add &gt;&gt;</a><br><br>

  <select multiple id="select2"></select>  
  <a href="#" id="remove">&lt;&lt; remove</a>  

</body>  
</html>

我想用输入字段替换第一个多字段。

我该怎么做？

Answer 1

我找到了解决方案：

<html>  
<head>      
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>  

 <script type="text/javascript">  

$().ready(function() {  
    $('#add').click(function() {  
     var option = new Option($('#cellNbr').val(), "value"); 
     $('#select2').append(option);          
    });  

    $('#remove').click(function() {  
     $('#select2 option:selected').remove();  
    });  
   });     

 </script>  

</head>  

<body>  

    <input type="text" id="cellNbr">
  <a href="#" id="add">add &gt;&gt;</a><br><br>


  <select multiple id="select2"></select>  
  <a href="#" id="remove">&lt;&lt; remove</a>  


</body>  
</html>

从输入字段追加到多个选择

1 个答案: