A demonstration of possible values:
<!DOCTYPE html> <html> <body> <p id="myP">This is a paragraph.</p> <select onchange="myFunction(this);" size="13"> <option>normal</option> <option>bold</option> <option>bolder</option> <option>lighter</option> <option>100</option> <option>200</option> <option>300</option> <option>400</option> <option>500</option> <option>600</option> <option>700</option> <option>800</option> <option>900</option> </select>//from w w w .ja va 2s . com <script> function myFunction(selectTag) { var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myP").style.fontWeight = listValue; } </script> </body> </html>