HTML:从列表框中选择一个元素并将其与页面链接

时间:2012-05-03 14:07:18

标签: html listbox

我不太喜欢HTML,我需要一些帮助。

我有一个包含3个元素的小列表:

<select size="20">
<option>Spiderman</option>
<option>Superman</option>
<option>Hulk</option>
</select>
<input type="submit" value="Search!" />

我想要的是如果有人选择“蜘蛛侠”并点击搜索,我希望他去网站“Spiderman.html”。和其他人一样,如果他点击超人,则转到Superman.html,如果他点击Hulk就会转到Hulk.html。

感谢。

1 个答案:

答案 0 :(得分:1)

试试这个:)

<select size="20" id="myselect" >
<option value="spiderman.html">Spiderman</option>
<option value="superman.html">Superman</option>
<option value="hulk.html">Hulk</option>
</select>
<input type="submit" value="Search!" onclick="document.location.href = 'http://your-website/' + document.getElementById('myselect').value;" />