Javascript删除字段
我正在尝试使用Javascript添加删除表单上字段的功能,但它不起作用。我已经注释掉了下面的删除字段。我怎样才能修好它Javascript删除字段,javascript,ruby-on-rails,Javascript,Ruby On Rails,我正在尝试使用Javascript添加删除表单上字段的功能,但它不起作用。我已经注释掉了下面的删除字段。我怎样才能修好它 $(document).ready(function() { var max_fields = 10; //maximum input boxes allowed var wrapper = $(".input_fields_wrap"); //Fields wrapper var add_button = $(".add_fiel
$(document).ready(function() {
var max_fields = 10; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap"); //Fields wrapper
var add_button = $(".add_field_button"); //Add button ID
var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
$(wrapper).append("<div><select name='tournament_id_" + x + "'> <%=j(options_from_collection_for_select(Tournament.all.where(tour_id: 1), 'id', 'event'))%></select></div>")
// <a href="#" class="remove_field">Remove</a></div>'") //add input box
}
});
$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
e.preventDefault(); $(this).parent('div').remove(); x--;
})
$(文档).ready(函数(){
var max_fields=10;//允许的最大输入框数
var wrapper=$(“.input_fields_wrapp”);//字段包装器
var add_button=$(“.add_字段_button”);//添加按钮ID
var x=1;//初始文本框计数
$(添加按钮)。单击(函数(e){//在添加输入按钮上单击
e、 预防默认值();
如果(x
您有许多错误
$(document).ready(function(){var max_fields=10;//允许的最大输入框数
var wrapper=$(“.input_fields_wrapp”);//字段包装器
var add_button=$(“.add_字段_button”);//添加按钮ID
var x=1;//初始文本框计数
添加按钮。单击(函数(e){//在添加输入按钮上单击
如果($(“.containers”).length<11){//max允许输入框
x++;//文本框增量
append('1
')//添加输入框
}
});
在(“单击”,“删除”字段)上,函数(e){//用户单击删除文本
id=$(this.attr('data-id');
$(“#容器"+x).remove();
x--;});});
当我将其添加到我的代码块时,我所有其他javascript中的颜色都发生了变化。我是否也应该发布我在该代码块下的内容?我将在5分钟内在JSFIDLE中为您创建新代码,我将与您共享该代码。这是因为“#container_uu'
具有混合引号,请尝试将其同时更改为”
,或同时更改为“
.Uncaught SyntaxError:consolemmm中的非法返回语句,您是为jsfiddel复制的吗?它在那里工作。您还有其他东西没有给我看吗???
$(document).ready(function(){var max_fields = 10; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap"); //Fields wrapper
var add_button = $(".add_field_button"); //Add button ID
var x = 1; //initlal text box count
add_button.click(function (e) { //on add input button click
if ($(".containers").length < 11 ) { //max input box allowed
x++; //text box increment
wrapper.append('<div id="container_' + x + '" class="containers"><select name="tournament_id_' + x + '"><option>1</option> </select><a href="javascript:void(0)" class="remove_field" data-id="' + x + '">Remove</a></div><br>') //add input box
}
});
wrapper.on("click", ".remove_field", function (e) { //user click on remove text
id = $(this).attr('data-id');
$("#container_" + x).remove();
x--;});});