2013-12-12 186 views
0

我试图在用户单击链接时添加Codeigniter中的动态输入字段,但似乎不起作用。如果有人能弄明白,这将会非常有帮助。用codeigniter动态添加输入字段

我的JS代码:

<script src="js/jquery.js" type="text/javascript"> 
    var count = 1; 
    jQuery(document).ready(function() { 
     $('p#add_field').click(function(){ 
      count += 1; 
      $('#language').append(
        '<strong>Language #' + count + '</strong><br />' 
         + '<input id="language' + count + '"name="languages[]' + '" type="text" /><br />');\ 

     }); 
    }); 
</script> 

而且我的表单代码:

<div id="container"> 
     some code 

    <div id="body"> 
      some more code 
     <div id="language"> 
      <p id="add_field"><a href="#">Προσθηκη Γλώσσας</a></p> 
     </div> 
    </div> 
</div> 

回答

1
var count = 1; 

$('p#add_field').click(function(){ 
    count += 1; 
    var html='<strong>Language #'+ count +'</strong><br />'+'<input id="language'+ count +'"name="languages[]'+'" type="text" /><br />'; 
    $('#language').prepend(html); 
}); 

删除所有的空格追加HTML。 javascript给出未终止的字符串文字错误

fiddle