将 Select 选项值传递给 OnChange 函数答案

【问题标题】：Passing Select Option Value into OnChange Function将 Select 选项值传递给 OnChange 函数
【发布时间】：2013-03-08 15:51:36
【问题描述】：

我有一个 HTML 表单，我正在使用 JavaScript 提交一个选择控件的“onchange”函数，如下所示：

<form action='seeLocation.php?'>Jump To Location: 
    <select onchange='this.form.submit()'>
        <option value='1'>Location1</option>
        <option value='2'>Location2</option>
        <option value='3'>Location3</option>
    </select>
</form>

问题是，我需要将<option> 的值标记传递到表单的action 标记中，实际上类似于

<form action='seeLocation.php?1'>

或

<form action='seeLocation.php?2'>

等等

这可能吗？谢谢！

【问题讨论】：

标签： html forms select form-submit option

【解决方案1】：

在您的onchange 函数中，我认为您可以这样做（尚未测试）：

this.form.action="seeLocation.php?"+this.options[this.selectedIndex].value;this.form.submit()

【讨论】：

【解决方案2】：

将您的 html 更改为：

<script type="text/javascript">
  function changeDropDown(dropdown){
     var location = dropdown.options[dropdown.selectedIndex].value;
     document.getElementById("form1").action = "seeLocation.php?" + location;
     document.getElementById("form1").submit();
   }
</script>

<form id="form1" name="form1">Jump To Location: 
    <select onchange='changeDropDown(this);'>
        <option value='1'>Location1</option>
        <option value='2'>Location2</option>
        <option value='3'>Location3</option>
    </select>
</form>

如果您需要较少冗长的代码，也可以内联。

【讨论】：