2013-04-18 258 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元素的顯示結果)