javascript - 使用 javascript 或 jquery 将值从下拉菜单传递到文本区域

Question

使用 Jquery 或 JavaScript。将选项值从下拉菜单发送到下面列出的文本区域的最佳方法是什么。因此，如果用户选择下拉列表中的名称之一，它会将其值发送到文本区域字段。选择菜单位于其自己的 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> 上的该值使用相同的方法。