How to convert dropdown into an unordered list using jquery?

by 
$('#yearfilter').parent().append('<ul id="newyearfilter" name="yearfilter"></ul>');
$('#yearfilter option').each(function(){
  $('#newyearfilter').append('<li value="' + $(this).val() + '">'+$(this).text()+'</li>');
});
$('#yearfilter').remove();
$('#newyearfilter').attr('id', 'yearfilter');

this is how I would do it.

More Related Contents:

  1. HTML nchor Tag doesn’t show link
  2. How to change color of SVG image using CSS (jQuery SVG image replacement)?
  3. jQuery Ajax error handling, show custom exception messages
  4. Clear form fields with jQuery
  5. How to trigger a click on a link using jQuery
  6. Catch error if iframe src fails to load . Error :-“Refused to display ‘http://www.google.co.in/’ in a frame..”
  7. JQuery Event Handlers – What’s the “Best” method
  8. Submitting HTML form using Jquery AJAX
  9. jqGrid custom format fails on addClass
  10. The specified value does not conform to the required format yyyy-MM-dd
  11. Can I load external stylesheets on request?
  12. how to store an array in jquery cookie?
  13. How can I change the text color with jQuery?
  14. What’s the difference between jQuery .val() and .attr(‘value’)?
  15. jQuery: how to remove the text but not the children elements
  16. Should one replace the usage addJSONData of jqGrid to the usage of setGridParam(), and trigger(‘reloadGrid’)?
  17. Getting text within element excluding decendants
  18. Weird Chrome prototype/jQuery conflict
  19. Why jQuery does not work on my home (local) machine?
  20. Creating a json object in jsp and using it with JQuery
  21. File upload using MVC 4 with Ajax
  22. Trigger click on select box on hover
  23. How to merge cells in jqGrid 4.0
  24. What is the difference between XMLHttpRequest, jQuery.ajax, jQuery.post, jQuery.get
  25. jQuery to retrieve and set selected option value of html select element
  26. jQuery – Check if DOM element already exists
  27. jQuery – keydown / keypress /keyup ENTERKEY detection?
  28. jquery disable submit button on form submission
  29. jQuery autohide element after 5 seconds
  30. How do I select the parent form based on which submit button is clicked?

Leave a Comment