將下拉菜單中的值傳遞給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

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

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

這樣做是什麼<select>變化值，它需要的.val()（中value剛剛選擇<option>）和設置該值在<textarea>使用相同的方法。