Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <body> <ol id="myList"> <li>Coffee</li> <li>Tea</li> <li>Water</li> <li>Soda</li> </ol> <br> <select onchange="myFunction(this);" size="22"> <option>armenian</option> <option>circle</option> <option>cjk-ideographic</option> <option>decimal</option> <option>decimal-leading-zero</option> <option>disc</option> <option>georgian</option> <option>hebrew</option> <option>hiragana</option> <option>hiragana-iroha</option> <option>inherit</option> <option>katakana</option> <option>katakana-iroha</option> <option>lower-alpha</option> <option>lower-greek</option> <option>lower-latin</option> <option>lower-roman</option> <option>none</option> <option>square</option> <option>upper-alpha</option> <option>upper-latin</option> <option>upper-roman</option> </select> <script> function myFunction(selectTag) { var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myList").style.listStyleType = listValue; } </script> </body> <!-- Mirrored from www.w3schools.com/jsref/tryit.asp?filename=tryjsref_style_liststyletype2 by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 08:25:35 GMT --> </html>
Result:
Try it Yourself - © w3schools.com