befüllen 2. Listbox von 1.

Question

Ich versuche verschiedene Codes zu füllen eine zweite Listbox (# Box2), aber ohne Erfolg. Mein letzter Versuch ist, dass der JS bei Änderung nichts zeigt, also muss mein Code einen Fehler enthalten, aber ich kann ihn nicht sehen. Ich wäre dankbar, wenn jemand meinen Code überprüfen und mir zeigen könnte, wo ich falsch gelaufen bin. Vielen Dank

<?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

diesen Code versuchen es die gewählte Option von Box1 zu Box2 anhängt

<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

ausgewählt Suche, Klon, hängen:

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