Question

我在表单中有一个textarea，需要填充用户点击的li标记内的文字。

例如：

<ul id="selections">
    // row1 <li>Here is some text</li>
    // row 2 <li>Here is some more text</li>
    // row 3 <li>Here is even more text</li>
</ul>

当用户点击第1行时，我需要将文本弹出到textarea。当用户现在点击第2行时，我需要第2行弹出textarea，不到第1行。

关于如何做到这一点的任何想法？

Answer 1

尝试：

$('#selections li').click(function() {
  $('#id-of-your-textarea').append($(this).text() + '\n');
})

Answer 2

尝试如下，它会帮助你...

小提琴： http://jsfiddle.net/RYh7U/155/

HTML：

<ul id="selections">
     <li>Here is some text</li>
     <li>Here is some more text</li>
     <li>Here is even more text</li>
</ul>

<textarea id="txtData"></textarea>

JQuery：

$('#selections li').click(function(){    
    $('#txtData').val($('#txtData').val() + "\n" + $(this).text());
});

Answer 3

这样的事情应该这样做：

<script>
$(document).ready(function(){
    $("#selections").children().each(function(){
        $(this).click(function(){
            $("#area").text($("#area").text() + $(this).html() + '\n');
        });
    });
});
</script>

<textarea id="area"></textarea>

<ul id="selections">
    <li>Here is some text</li>
    <li>Here is some more text</li>
    <li>Here is even more text</li>
</ul>

＆lt; li＆gt;时，将值从<li>拉入<textarea>点击</textarea> </li>

3 个答案: