从第一个

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