附加Rails标签与js与计数器
Append Rails tag with js with counter
尝试为不同的报表创建合并工具,并希望允许合并多个报表。被卡在这里:
<div class="row">
<div class="col-md-6">
<%= form_tag(merge_reports_path, method: :put) do %>
<div class="form-group">
<%= select_tag(:report_1, options_from_collection_for_select(current_user.reports,"id", "name"), class: "form-control" ) %>
</div>
<a class="add-one">Add 1+</a>
<div class="form-group">
<%= select_tag(:to_merge_report, options_from_collection_for_select(current_user.reports,"id", "name"), class: "form-control" ) %>
</div>
<% end %>
</div>
</div>
<script>
var counter = 1
$(".add-one").click(function(){
counter ++;
$(this).prepend('<div class="form-group"> <%= j select_tag(:report_' + counter + ' , options_from_collection_for_select(current_user.reports,"id", "name"), class: "form-control" ) %> </div> ')
})
</script>
得到这个错误:
/Users/mmahalwy/Desktop/Code/dossiyadata/app/views/reports/index.html.erb:35: syntax error, unexpected tSTRING_BEG, expecting ')' ...append=( j select_tag(:report_' + counter + ' , options_from... ... ^ /Users/mmahalwy/Desktop/Code/dossiyadata/app/views/reports/index.html.erb:35: syntax error, unexpected ',', expecting ')' ...t_tag(:report_' + counter + ' , options_from_collection_for_... ... ^ /Users/mmahalwy/Desktop/Code/dossiyadata/app/views/reports/index.html.erb:35: syntax error, unexpected ',', expecting ')' ...ent_user.reports,"id", "name"), class: "form-control" ) );@o... ... ^ /Users/mmahalwy/Desktop/Code/dossiyadata/app/views/reports/index.html.erb:35: syntax error, unexpected ')', expecting keyword_end ...me"), class: "form-control" ) );@output_buffer.safe_append='... ... ^ /Users/mmahalwy/Desktop/Code/dossiyadata/app/views/reports/index.html.erb:65: syntax error, unexpected keyword_do_block, expecting keyword_end '; @reports.each do |report| ^ /Users/mmahalwy/Desktop/Code/dossiyadata/app/views/reports/index.html.erb:97: syntax error, unexpected keyword_ensure, expecting end-of-input
代码错误,您无法像在代码中那样用符号添加数字。你需要用string代替
"report_#{counter}"
这是最后的代码
$(this).prepend('<div class="form-group"> <%= j select_tag("report_#{counter}" , options_from_collection_for_select(current_user.reports,"id", "name"), class: "form-control" ) %> </div> ')
相关文章:
- 使用FlipClock js的404页面计数器效果
- js中的字符计数器
- JS计数器不断更新
- JS:增量计数器,不在全局范围内设置计数器变量
- 将年份计数器添加到flipclock.js中
- JS滑块计数器不工作..需要找到一种方法使其正常工作
- JS字符串计数器
- Angular JS 自动递增计数器的 ID 字段
- 我想在我的WordPress网站上使用计数器.js但它显示错误
- JS计数器:在一个函数中设置不同的速度(间隔)
- 在节点中使用计数器集合.js递增 ID 字段
- 在午夜(时刻.js,节点.js)重置变量/计数器的重复功能
- 计数器php-js不't在数据库中更新
- Backbone.js once()事件方法:计数器增量示例
- JS数字计数器只工作一次
- JS计数器的小问题
- 如何在JS计数器中每3个数字添加一个冒号
- JS计数器到小数点后2位
- Js计数器在php中不显示
- JS计数器写入数据库