Change css font-family for separate options in select tag

Question

I don\'t know if this is possible, and if not, if someone can throw out optional ideas, but I\'m attempting to display a drop down of different fonts (specifically, font\'s

Answer 1

Give the font name to option value. Then you can set them all with jquery.

Here is an example:

You can add new font easily like this:

My Font Name

$("#selectfont").each(function(){
  $(this).children("option").each(function(){
    $(this).css("fontFamily",this.value);
  });
});

Tangerine
Tahoma
Times New Roman