Question

我遇到textarea发现重复的问题。

<textarea name="listnumber" >
12345678
12345674
12345678
12345672
12345678
</textarea>

并且我在使用jquery进行更改时自动删除重复项。结果将是这样的

<textarea name="listnumber" >
12345678
12345674
12345672
</textarea>

问题：如何删除文本区域中的重复条目。如上所示的预期结果

修改

我得到了一个名为=“listnumber”的textarea

我的源代码：

   <script type="text/javascript">
<!--
 $(document).ready(function() {
    $("textarea#listnumber").bind('input propertychange keyup cut paste',function(){
        text = $("textarea#listnumber").val()
        lines = $.unique(text.split(/\r|\r\n|\n/))
        count = lines.length
        $('input#totalnumber').val(count)
    });
});
-->
</script>
<form action="index.php" method="post">
    <ul>
        <li><label>List Of Number</label><textarea name="listnumber" id="listnumber" ></textarea></li>
        <li><label>Total Number</label><input type="text" name="totalnumber" readonly="readonly" /></li>
    </ul>
    <a onclick="submit();" href="#" >Send List</a>
</form>

我希望jquery使用$（'textarea'）删除textarea中的副本.change（function（）{} 但我不知道该怎么做。请帮忙。

Answer 1

尝试将textarea文本拆分为数组： Javascript: Convert textarea into an array

然后找到重复项 Easiest way to find duplicate values in a JavaScript array

顺便说一句：用于做这项研究的时间：不到一分钟（包括写这篇文章）。

Answer 2

这可能对您有所帮助：http://jsfiddle.net/Milian/Y3WLk/

$("#anchor").click(function(){
    var arr = $("#txtArea").val().split("\n");

    var arrDistinct = new Array();
     $(arr).each(function(index, item) {
         if ($.inArray(item, arrDistinct) == -1)
                    arrDistinct.push(item);
     });
    alert(arrDistinct);

});

jquery删除textarea重复行

2 个答案: