передать значение из выпадающего меню в текстовое поле с помощью JavaScript или JQuery

Question

Использование Jquery или JavaScript.Как лучше всего отправить значение параметра из выпадающего меню в текстовую область, указанную ниже.Поэтому, если пользователь выберет одно из имен в раскрывающемся списке, он отправит его значение в поле textarea.меню выбора находится в своем собственном iframe (имя iframe - boxmain), а текстовая область - в собственном iframe (имя iframe - boxform).

<select id="usernames" name="usernames">
    <option value=""></option>
    <option value="name001">JeffCool</option>
    <option value="name002">IAMsam</option>
</select>

<textarea name="name" cols="15" rows="1" class="class"></textarea>

Answer 1

Самый простой способ - использовать обработчик событий .change() на вашем <select>, простейшая форма этого:

 $("#usernames").change(function() {
   $("textarea[name=pst]").val($(this).val());
 });

Что это делает, это то, что <select> меняет значение, оно принимает .val() (value из <option> только что выбранного) и устанавливает это значение на <textarea>, используя тот же метод.