jquery - jquery删除textarea重复行

Question

我对 textarea 有问题，发现重复项。

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

我在使用 jquery 更改时自动删除重复项。结果会是这样

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

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

编辑

我有一个 name="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').change(function(){} 删除 textarea 内的重复项，但我不知道该怎么做。任何人请帮忙。

Answer 1

尝试将您的 textarea-text 拆分为数组： Javascript: Convert textarea into an array

然后查找重复 项在 JavaScript 数组中查找重复值的最简单方法

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

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);

});