填充從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); 
});