我正在尝试使用javascript和codeigniter构建动态输入字段。执行代码段时,出现Uncaught SyntaxError错误:无效或意外的令牌。
我创建了一个表,我正在其中从数据库中获取数据。我的所有表格数据都能正常运行,但其中的javascript列表除外。
这是我要在其中读取数据的表。
<td><input class="typeahead form-control" type="text" placeholder="Enter Parameter"></td>
<td> <?php echo form_dropdown('id',$unit_name, '', 'class="form-control"');?> </td>
<td> <input type="quantity" class="form-control" id="quantity" placeholder="Enter Quantity"></td>
<td><input type="price" class="form-control" id="price" placeholder="Enter Price"></td>
<td><button type="button" name="add" id="add" class="btn btn-success">Add More</button></td>
这是我的javascript代码段,在该代码段中,我使表格动态化以添加更多具有相同输入字段的行。
<script>
$(document).ready(function(){
var i=1;
$('#add').click(function(){
i++;
$('#dynamic_field').append('<tr id="row'+i+'"> <td><input class="typeahead form-control" type="text" placeholder="Enter Parameter"></td>\n\
<td> <input type="quantity" class="form-control" id="quantity" placeholder="Enter Quantity"></td>\n\
<td> <?php echo form_dropdown('id',$unit_name, '', 'class="form-control"');?> </td>\n\
<td><input type="price" class="form-control" id="price" placeholder="Enter Price"></td>\n\
<td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>');
});
$(document).on('click', '.btn_remove', function(){
var button_id = $(this).attr("id");
$('#row'+button_id+'').remove();
});
$('#submit').click(function(){
$.ajax({
url:"name.php",
method:"POST",
data:$('#add_name').serialize(),
success:function(data)
{
alert(data);
$('#add_name')[0].reset();
}
});
});
});
</script>
如果我从函数中删除此行,我上面的javascript函数将正常工作
<td> <?php echo form_dropdown('id',$unit_name, '', 'class="form-control"');?> </td>\n\
但是,如果我添加这一行,我会得到描述的错误。
答案 0 :(得分:0)
尝试一下
<td> <?php echo form_dropdown("id",$unit_name, "", "class="form-control"");?> </td>