如何將下拉值插入textArea？

Question

有誰知道在選擇文本框時如何將下拉列表中的值插入到textarea中？ 我到互聯網上搜索，嘗試這樣做，但它根本沒有出現。

下面是我所做的代碼片段，但是我被困在從下拉列表中選擇值的位置，它根本沒有出現在我的文本區域中。 我需要幫助。

謝謝大家

Variable.php

<?php

$variable_arr = array("Mobile", "Name", "Amount", "Due", "Etc");
$variable_str = '<select name="Variable" id="drp_dwn">';            
$variable_str .= '<option selected>&ltSelect Data&gt</option>';

foreach($variable_arr as $variable)
{
    $variable_str .= '<option value="'. $variable .'">&lt'.$variable.'&gt</option>';
}

$variable_str .= '</select>';

?>

change.js

$(document).ready(function() {
    $("#drp_dwn").change(function () {
        var str = "";

        $("selected").each(function () {
            str += $(this).text() + " ";
            });
        $("textArea").text(str);
        }).change();
});

index.php

<textarea rows="4" cols="40" type="text" name="content" id="textArea"></textarea>
<label> <input type="submit" value="Send" name="submit" id="send_box"> </label>

Answer 1

使用val（）方法代替text（）

$("#drp_dwn").change(function () {
        $("#textArea").val(this.value);
 }).change();

演示

Answer 2

嘗試這個

$(document).ready(function(){
    //adding event listener
    $('#drp_dwn').on('change', function(){

        //assigning the selected option to a variable
        var str = $(this).val();

        //so sending value to textbox
        $('#textArea').text(str);
    });
});