Question

我正在尝试在用户点击链接时在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>

Answer 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提供Unterminated String文字错误

fiddle

使用codeigniter动态添加输入字段

1 个答案: