简明现代魔法 -> HTML超文本标记语言 -> 优化的语言选择下拉框

优化的语言选择下拉框

2009-10-28

程序演示

获取跳转菜单的值
选择要跳转的位置:	简体中文 Simple Chinese 英语 English

与之前的纯HTML控件实现跳转相比，这个采用了JavaScript实现跳转。

JavaScript代码

<script language="JavaScript" type="text/JavaScript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
</script>

HTML控件代码

<form name="form1">
  <tr align="center">
    <td height="25" colspan="2"><span class="style1">获取跳转菜单的值</span></td></tr>
  <tr>
    <td width="122" height="20" align="center"><span class="style2">选择要跳转的位置:</span></td>
    <td width="172" class="style2">	<select name="menu1" size="1" 
    	onChange="MM_jumpMenu('parent',this,0)">
      <option value="html_SimpleLanguageSelect.php">简单的语言选择下拉框</option>
      <option value="html_Meta.php">HTML中meta的使用</option>
    </select></td></tr>
</form>

在HTML的下拉控件加入value属性，这个属性为链接，然后在onChange事件中调用javascript函数实现跳转。