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
Post a Comment