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

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

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

keyboard - Smiles and long press feature in Android -