使用jQuery复制所选文本的问题

Question

这是我从复选框中复制所选项目的功能，下面是HTML代码。

    <script type="text/javascript">
        $(document).ready(function() {
            $("#copy").click(function() {
                var selected = $("#basket").val();
                $("#ingredient").append(selected + '\n');
            });
        });
    </script>

    Basket
    <select size=3 class="form-control" name="basket" id="basket">
        <option value='apples'>apples</option>
        <option value='chicken'>chicken</option>
        <option value='potato'>potato</option>
    </select>
    <br>

    <center>
        <a id="copy" class="btn btn-primary" role="button">Copy to Ingredients</a>
    </center>

    Ingredients
    <textarea rows=10 style="resize: none" class="form-control" id="ingredient" name="ingredient"></textarea>

我可以使用按钮进行选择和复制。但是，我面临的问题是，当手动清除textarea并且选择使用按钮复制项目时，它不起作用。

感谢任何形式的帮助。谢谢。

Answer 1

您需要使用.val()：

$("#copy").click(function(){
    var selected = $("#basket").val();
    $("#ingredient").val($("#ingredient").val() + selected+'\n');
});

DEMO

Answer 2

 $("#copy").click(function(){
    var selected = $("#basket").val();
    alert(selected);
    var x=$("#ingredient").val()+selected; 
    $("#ingredient").val(x);
});