jquery auto从每个换行符触发的多行输入中添加表单输入textarea

时间:2015-02-10 10:01:09

标签: jquery html

我在这里创建了jsfiddle

$(document).ready(function() {
    var max_fields      = 10; //maximum input boxes allowed
    var x = 1; //initlal text box count

 $(function(){
    $('body').on('paste','.last',function(){
        if(x < max_fields){ //max input box allowed
                x++; //text box increment
                $('body').append('<div><textarea class="last" type="text" name="text'+(Number($(this).attr('name').match(/[0-9]+/g))+1)+'" rows="1" cols="50" /><a href="#" class="remove_field">Remove</a></div>');
                           }
                                             })
         $('body').on("click",".remove_field", function(e){ //user click on remove text
        e.preventDefault(); $(this).parent('div').remove(); x--;
    })

         $('body').on('keydown','.last',function(e){

             if (e.keyCode == 13) {
                 e.preventDefault();
            x++; //text box increment
            $('body').append('<div><textarea class="last" type="text" name="text'+(Number($(this).attr('name').match(/[0-9]+/g))+1)+'" rows="1" cols="50" /><a href="#" class="remove_field">Remove</a></div>'); //add input box
        }
    });    
 })        
 });

现在我只设法让textarea输入触发输入键码和粘贴事件。如何使每个新行/ n触发输入,以便每次粘贴数据时,新行输入都有自己的字段区域。

0 个答案:

没有答案