Как вставить раскрывающееся значение в 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() метод вместо текст()

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

DEMO

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