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

Question

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

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

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

我想要的是如果有人选择“蜘蛛侠”并点击搜索，我希望他去网站“蜘蛛侠.html”。其余的也一样，如果他点击 Superman，转到 Superman.html，如果他点击 Hulk，转到 Hulk.html。

谢谢。

Answer 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;" />