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

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

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

比如说----

你好

---

有人能帮我弄清楚吗？非常感谢。

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。

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>

<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()" />

函数doAction（）{
所选变量=document.getElementById（'ParticipantList'）。值；
如果（所选=='hello'）{
window.location.href=http://somewebsite.com/somefile.php?id=1';
}else if（已选=='bye'）{
window.location.href=http://somewebsite.com/somefile.php?id=2';
}否则{
警报（“选择了未知选项”）；
}
}

HTML文件

<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>

<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()" />

你好
再见

为什么标题中有HTML/PHP？似乎您需要使用javascript/HTML.jQuery的解决方案。抱歉，我在标题中留下了PHP，因为我最初构建了这个问题（我在我的列表框中使用了混合PHP），因为它涉及到我的特定场景，而不是这个更一般的形式。我会删除它。我在下面发布了我的答案，让我知道它是否对你有效。我最终采取了这一行动，只是做了一点修改。因为我有多个提交按钮，它们执行不同的操作，所以我在按钮属性中用Javascript定义了表单操作，即ONCLICK=“Javascript:FORM2.action=”“