多选框仅显示上次选择的值

时间:2013-07-29 14:40:11

标签: php javascript html multi-select

我有一个多选框,允许我选择多个值,然后在点击箭头时将它们添加到第二个选择框。现在这部分工作正常,我可以选择多个值。但是,当我将第二个选择框的值传递给变量时,变量只显示列表中最后一个项的值,而不是全部。

Javascript代码

   <script type="text/javascript">  
   $().ready(function() {  
   $('#add').click(function() {  
   return !$('#select1 option:selected').remove().appendTo('#select2');  
   });  
   $('#remove').click(function() {  
   return !$('#select2 option:selected').remove().appendTo('#select1');  
   });  
   });  
   </script>  

HTML CODE

 <form action="insert_email_visitor_list1.php" method="get" name="form1" target="_self" id="form1">

    <select multiple id="select1" class="mulitiselect" name="select1">  
    <option value="1">Date/Time</option>  
    <option value="2">Company</option>  
    <option value="3">Location</option>  
    <option value="4">Nof Pages / Visit</option>
    <option value="5">Traffic Source</option>  
    <option value="6">Search Term</option>  
    <option value="7">Report</option>
    <option value="8">Classification</option>  
    <option value="9">Owner</option>
    <option value="10">Phone</option>
    <option value="11">Town</option>
    <option value="12">City</option>
    <option value="12">Country</option>
    <option value="12">Hostname</option> 
    </select>  


    <a href="#" id="add"><img src="images/add-arrow.png" alt="" /></a>
         selected Columns
    <a href="#" id="remove"><img src="images/remove-arrow.png" alt="" /></a>  


    <select multiple id="select2" name="select2" class="mulitiselect"></select>  

    <div class="bottom-img"><img src="images/popup-bottomimg.png" alt="" /></div>

    <button>
    <img src="images/info-icon.png" alt="" />
    </button>
    <input type="submit" name="send" id="send" value="Submit" />
    </form>

PHP代码

   $select2 = $_GET['select2'];
   echo "$select2";

基本上我只是在听取了一些建议后,我是否正确地这样做了?

由于

1 个答案:

答案 0 :(得分:6)

您传递给PHP的字段必须以[]命名,例如select2[]。如果没有这个,PHP会将传入的值视为单个值,并且只传入的LAST值将被放入$ _GET。

在名称上使用[]告诉PHP将其视为多值字段,它将在$ _GET中创建一个数组,例如

$_GET['select2'][0] => 'first option selected';
$_GET['select2'][1] => 'second option selected';

等...

请记住,multiple参数纯属客户端,而PHP无法知道它是多选。它只会看到相当于

select2=foo&select2=bar&select2=baz

到达POST / GET,并选择传入的最后一个值。