events - dynamically add hidden inputs with jquery -


i add dynamically jquery hidden input field populated values table row on option select. functon getting executed probelm on new select not getting overriden on each option select new input field getting added. other issue each time 2 ipnut fields added. code looks like

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

for security's reason, not use object syntax constructing elements. can use string constructor:

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

it's advisable of method.

try: http://jsfiddle.net/zm8zy/ (open browser console , inspect dom elements show results)


Comments

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

node.js - Bad Request - node js ajax post -

uitableview - Create and use custom prototype table cells in xamarin ios using storyboard -