HTML：リストボックスから要素を選択してページにリンクする

Question

私はHTMLに大きく関わっていないので、助けが必要です。

私は3つの要素を持つ小さなリストボックスました：私が欲しいもの

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

は、誰かが「スパイダーマン」を選択し、検索をクリックした場合、私は彼がウェブサイトに「Spiderman.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;" />