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

优化的语言选择下拉框

2009-10-28

程序演示

获取跳转菜单的值
选择要跳转的位置:

与之前的纯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函数实现跳转。

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们