使用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>上设置该值。