2013-04-18 208 views
0

我动态添加一个隐藏的输入字段与jquery填充选项选择我的表格行上的值。该函数正在执行,但问题是,在新的选择没有得到覆盖每个选项选择一个新的输入字段正在增加。另一个问题是每次我添加2个ipnut字段。我的代码看起来像动态添加隐藏输入与jquery

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')); 

    }); 
+0

输入字段获取添加,因为你要添加的输入字段'附加$ J(“”,.. .'你可以发布html来获得清晰的图片 – qais

+0

第二个问题修复,它是在2个变化事件里面。对于第一个问题,我认为我必须删除新的选择输入字段并添加一个新的 – fefe

+0

当然你需要删除(),或者如果已知'

回答

0

出于安全原因,不使用对象语法来构造元素。你可以使用字符串构造函数:

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

这是最可取的方法。

尝试:http://jsfiddle.net/zM8zy/(打开浏览器控制台,并检查DOM元素的显示结果)