从第一个填充第二个列表框

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);
});