编辑框内回车时插入序号？

有没有这样的编辑器，就是textarea 里面当我回车的时候，会自动在换到下一行，并且在行首插入序号如：
1.first line;
2.lllll;
3.abc

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>test</title>
    <script>
    function abc(obj){
    if(event.keyCode==8||event.keyCode==46)return;
    var str = obj.value;
    if(str.substring(0,2)!="1.")str="1."+str;
    var re = /\n/g;
    var m = str.match(re);
    if(m!=null&&m!="\n") m=m.length;
    else if(m=="\n") m=1;
    if(str.substring(str.length-1)=="\n")
    str+=(m+1)+".";
    obj.value=str;
    }
    </script>
    </head><body>
    <textarea onkeyup="abc(this)">1.</textarea>
    </body>
    </html>
      

  2.   


    jquery:
            var count = 1;
            $(document).ready(function() {
                $("#TextArea1").bind("keyup", function(event) {
                    if (event.keyCode == 13) {
                        count++;
                        var newHtml = $("#TextArea1").html() + "<br/>" + count.toString() + ".";
                        $("#TextArea1").html(newHtml);
                    }
                });
            });
         <textarea id="TextArea1">1.</textarea>
      

  3.   


    这个为大哥能否给个完整的代码，我没有用过JQuery啊
      

  4.   

    上面给出的代码我测试一下就是可以运行的。就是很简单的。楼主Jquery是很不错的，建议楼主有空可以学习一下。上面的代码自己也可以运行一下。