在我们浏览网站的时候,我们可能遇到这样的一种情况,那就是网站提供给我们一个下拉列表,然后我们选择之后,网站自动地跳转到我们选择的页面。自己一个真实的体会就是在一次国外网站注册的过程中,自己通过下拉列表选择自己的国籍后,网站自动定位到了一个中文页面进行注册。

  此时我们不禁会想,这样的功能我们应该怎么实现呢?实现有两种方法,一种是客服端进行实现—–使用JavaScript,另一种使用服务器端进行实现—利用PHP或JSP等动态语言实现,显而易见使用客服端要好,毕竟这样可以减少服务器的压力。

  我通过一个实例来说说明,读者可以通过该实例来进行体会。

<html>
<head><title>下拉列表实现跳转</title></head>
<body>
<select onchange=”eval(‘window.location=this.options[this.selectedIndex].value’)”>
<option value=”1.html”>1.html</option>
<option value=”2.html”>2.html</option>
<option value=”3.html”>3.html</option>
</body>
<html>

  通过测试,可以实现我上面所说的内容,你可以通过这里来获取该源文件

相关文章:

  1. window.location与window.location.href
  2. 网站中超链接嵌套!
  3. Alexa重定向实现方式!
  4. JavaScript中文、英文字符串比较!
  5. !document.getElementById等的说明!