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

Question

我使用 jquery 动态添加一个隐藏的输入字段，该字段在选项选择时将值填充到我的表行中。该功能正在执行，但问题是在新选择上没有被每个选项覆盖，选择一个新的输入字段正在添加。另一个问题是每次我添加 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 元素以显示结果）