使用javascript或jquery將值從下拉菜單傳遞到textarea

Question

使用Jquery或javascript。 將選項的值從下拉菜單發送到下面列出的textarea的最佳方法是什么。 因此，如果用戶選擇下拉列表中的一個名稱，它將將其值發送到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

最簡單的方法是在<select>上使用.change()事件處理程序，這是最簡單的形式：

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

這樣做的是<select>更改值，它采用.val() （剛剛選擇的<option>的value ）並使用相同的方法在<textarea>上設置該值。