使用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()（刚刚选择的value的{​​{1}}）和设置使用相同方法在<option>上的那个值。