2013-12-12 184 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