填充从1

Question

我尝试不同的代码来填充列表框第二（＃BOX2），但无济于事第二个列表框。我的最新尝试是，JS没有显示在改变任何东西所以必须有在我的代码中的错误，但我不能看到它。如果有人能检查我的代码并告诉我我出错的地方，我将不胜感激。非常感谢

<?php 

<select name="box1[]" id="box1" size="7" multiple="multiple" /> 

<?php 
$i = 0; 

while ($row = mysql_fetch_array($result)) 
    { 
?> 
<option value="<?php echo $row["custref"]; ?>"> 
<?php echo $row["custref"]; ?></option> 
<?php 
    $i++; 
    } 

?> 
<select name="box2[]" id="box2" size="7" multiple="multiple" /> 

<script type="text/javascript"> 


    $('#box1').change(function() 
    { 

     var option = $(this).find('option:selected').val(); 

     $('#box2').val(option); 

    }); 

    </script> 

Answer 1

试试这个代码将所选择的选项追加从BOX1到BOX2

<script type="text/javascript"> 

    $('#box1').change(function() 
    { 
    $box1_value=$("#box1").val(); 
    $box1_text=$("#box1 option:selected").text(); 
    $("#box2").append('<option value="'+$box1_value+'">'+$box1_text+'</option>'); 
} 
</script> 

Answer 2

找到选定，克隆，追加：

$('#box1').change(function() { 
    var option = $(this).find('option:selected').clone(); 
    $('#box2').append(option); 
});