使用JavaScript从输入中获取值

我有一个带有输入文本框和按钮的表单。当我点击一个按钮时，我想根据输入文本框的值转到不同的页面。例如：

<form name="frm1" id="frm1" action="page.php">
    <input type="text" name="txt_name" id="txt_name" value="simple text" />
    <input type="button" Onclick="redirect_to('page2.php/?id=8&input=this.txt_name.value')" value="Save" />
</form>

---

我怎样才能得到这个值？不使用函数可以做到这一点吗？

我建议使用函数，原因如下：

onclick="window.location.href = 'page.php/?id=8&input=' +this.value.toString()"

更干净的代码。 如果你有多个按钮，更好的方法。 更少的代码。 更好的可管理性。 将此添加到您的按钮中

onclick="redirect('mytextbox.value');";

只需几行代码即可将其添加到标记中：

<script type="text/javascript">
    function redirect(value){
        window.location="page.php/?id=8&input="+value.ToString();
        }
</script>  

---

如果您有以下情况：

<form>
  <input type="text" name="formelem" />
  <input type="button" />
</form>

您在按钮上，因此这将是按钮，您需要获取可以从中获取输入的表单

如果您不需要表格用于其他目的，另一种方法是：

<input type="text" id="formelem" />
<input type="button" onclick="redirect_to('page.php/?id=8&input='+document.getElementById('formelem').value)" />

---

你为什么不这么做

<form name="frm1" id="frm1" action="page2.php">
    <input type="hidden" value="8" name="id" />
    <input type="text" name="txt_name" id="txt_name" value="simple text" />
    <input type="submit" value="Save" />
</form>

---

如果我说this.name.value，我有更多的输入框。这会起作用吗？我已经有了一个重定向功能，它正在重新调整我的页面。那么你知道你想要什么吗？我有我自己的重定向功能。我喜欢使用它，但从文本框中获取值。Onclick=redirect\u to'page.php/？id=8&input=this.value'这是我的文本字段的名称='txt\u name'，因此使用函数实现重定向看起来更干净、更优雅，不是吗？这很有效，谢谢。onclick=redirect_到'page.php/？id=8&input='+this.form.formelem.value您的案例是否用txt_名称替换了formelem？编辑：好的，谢谢大家的帮助。我的代码中没有包含+。谢谢大家的帮助。

<form name="frm1" id="frm1" action="page2.php">
    <input type="hidden" value="8" name="id" />
    <input type="text" name="txt_name" id="txt_name" value="simple text" />
    <input type="submit" value="Save" />
</form>