html - 使用列表中选定项目的值相应地重定向浏览器 [HTML]

Question

假设我有一个包含不同项目的列表框，每个项目都有唯一的值，并且它下面有一个“Enter”按钮。我希望能够在单击时获取所选项目的值，然后在具有按钮属性时：

ONCLICK="window.location.href='http://somewebsite.com/somefile.php?id="thisvalue"'"

例如，像----

<SELECT NAME = ParticipantList STYLE = "WIDTH: 187" SIZE = 18>
    <OPTION VALUE='hi'> hello </OPTION>
<SELECT>
<INPUT TYPE="submit" VALUE="Info" ONCLICK="window.location.href='http://helloworld.com/this.php?="hi"'"/> 

谁能帮我解决这个问题？非常感激。

Answer 1

当 HTML 表单的方法是 GET 时，HTML 表单就是为了做到这一点：

<form action="http://helloworld.com/this.php" method="get">
  <select name="ParticipantList">
    <option value="hi">Hello</option>
  </select>

  <input type="submit">
</form>

这会将用户发送到http://helloworld.com/this.php?ParticipantList=hi. 无需 JavaScript。

Answer 2

Javascript

<script type="text/javascript">
function doAction(){
    var selected = document.getElementById('ParticipantList').value;
    if (selected == 'hello'){
        window.location.href = 'http://somewebsite.com/somefile.php?id=1';
    } else if (selected == 'bye'){
        window.location.href = 'http://somewebsite.com/somefile.php?id=2';
    } else {
        alert('unknown option selected');
    }
}
</script>

的HTML

<select name="ParticipantList" id="ParticipantList">
    <option value="hello">hello</option>
    <option value="bye">bye</option>
</select>

<input type="button" name="action" id="action" value="Submit" onclick="doAction()" />