首页 | 简单教程,简单编程

代码编辑器：

<script>
function displayResult(selectTag){
	var listValue=selectTag.options[selectTag.selectedIndex].text;
	document.getElementById("ol1").style.listStyleType=listValue;
}
</script>
<ol id="ol1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Water</li>
  <li>Soda</li>
</ol>
<br>
<select onchange="displayResult(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>

运行结果：