jQuery - 将文本从选择列表复制/移动到textarea

问题描述

下面的img描述了我要做的事情：

The img below describes what I am trying to do:

因此，当选择一个来自选择列表的条目并按下复制按钮时，它将添加一个< ; li>元素到文本区域。

So when an entry from the select list is selected and button "Copy" is pressed, it will add an < li > element to the text area.

任何想法，资源？

推荐答案

单击该按钮时，您可以使用jQuery读取所选选项并将其添加到文本区域。

When the button is clicked you can just read the selected option using jQuery and add it to the text area.

HTML

<select id="selectBox">
    <option>option 1</option>
    <option>option 2</option>
    <option>option 3</option>
</select>

<input id="copyBtn" type="button" value="copy" />

<textarea id="output">
    This is some intro text
</textarea>​

jQuery

$("#copyBtn").click(function(){
    var selected = $("#selectBox").val();
    $("#output").append("\n * " + selected);
});​

您只能将文本添加到textarea，它不会呈现html标记（因此其中的列表将无效）。我使用 \ n 来创建换行符。

You can only add text to a textarea, it doesn't render html tags (so a list inside it won't work). I used \n to create newlines.

小提琴

这篇关于jQuery - 将文本从选择列表复制/移动到textarea的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！