Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/55.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript删除字段_Javascript_Ruby On Rails - Fatal编程技术网

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

我正在尝试使用Javascript添加删除表单上字段的功能,但它不起作用。我已经注释掉了下面的删除字段。我怎样才能修好它

    $(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--;});});