通过javascript或jquery从下拉菜单传递值到文本区域

pass value from drop down menu to textarea with javascript or jquery

本文关键字:文本 区域 下拉菜单 javascript jquery 通过      更新时间:2023-09-26

使用Jquery或javascript。将一个选项的值从下拉菜单发送到下面列出的文本区域的最佳方式是什么?如果用户选择下拉列表中的一个名字它会把它的值发送到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>

最简单的方法是在<select>上使用.change()事件处理程序,这是最简单的形式:

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

这所做的是什么<select>改变值,它采取.val() (<option>刚刚选择的value)和设置该值在<textarea>上使用相同的方法。