Question

这就是我要做的事。

如您所见，有两种选择sel1和sel2

sel1有两个选项值。 sel2没有选项值。

我想要做的是......当我点击按钮时，添加sel1中选择的值将添加到sel2选项中。我怎么能在jQuery中做到这一点？我不知道该怎么做。感谢

<!DOCTYPE html>    
<html>    
    <head>    
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>    
    </head>    
    <body>

        <select id="sel1">
            <option>Option 1</option>
            <option>Option 2</option>    
        </select>

        <input id="clickBtn" type="button" value="Add">

        <select id="sel2"></select>

    </body>    
</html>

Answer 1

试试这个：

$("#clickBtn").click(function(){
  $("#sel2").append($("#sel1 option:selected").clone())
            .val($("#sel1").val());
})

Answer 2

这是实现这一目标的一种方法：

$(document).ready(function(){

    $('#clickBtn').on('click', function(){
        var val = $('#sel1').val();       
        $('#sel2').append('<option>'+val+'</option>').val(val);
    });
});

<强> Demo

<强>参考

将第一个选择的值添加到第二个选择

2 个答案: