Question

我使用jquery动态添加一个隐藏的输入字段，该字段填充了选项select的表格行的值。功能正在被执行但问题是新选择没有在每个选项上被覆盖选择新的输入字段被添加。另一个问题是每次我添加2个ipnut字段。我的代码看起来像

    jQuery(".add_column").change('select',function(event){             
       var selected_column = $j(this).find(":selected").val();
       var selected_value  = $j(this).parent('tr').data('id');
       var column_type;
       $j(this).find("option:selected").each(function(){
            column_type = ($j(this).parent().attr("label") );                   
        });

       $j('<input/>',{type:'hidden',value:selected_value+'|'+selected_column , name:column_type+'[]'}).appendTo($j(this).parent('tr'));

    });

Answer 1

出于安全原因，不要使用对象语法来构造元素。您可以使用字符串构造函数：

 $('<input name="inputs[]" type="hidden" value="'+value+'" />').appendTo('#inputs-content');

这种方法最合适。

尝试：http://jsfiddle.net/zM8zy/ （打开浏览器控制台并检查DOM元素以显示结果）

使用jquery动态添加隐藏的输入

1 个答案: