I have the following function that should append or prepend a dynamic value to a select with id #px. The dynamic value is not in the select DOM from the start so I have to append it to make it work.
The problem is that the new created value is not shown until I click on the select dropdown, the DOM does not generate that value until I click and drop down the list. What should I do? This is my code: $(document).ready(function() { $(this).bind('click', function(event, ui) { var fresizeSize = $('.cica').css("font-size"); var fresizeSizeNOPX = $('.cica').css("font-size").replace(/[^0-9]+/ g,''); var newTr = '<option class="option" value="' + fresizeSize + '" label=' + fresizeSizeNOPX +'>' + fresizeSizeNOPX +'</option>'; $('#px').prepend(newTr); $("#px").val("fresizeSizeNOPX"); }); }); Thank you.