Question

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

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

我怎样才能获得这个价值？这可以在不使用函数的情况下完成吗？

Answer 1

我会推荐一个函数，原因如下：

清洁代码。
如果你有多个按钮，那就更好了。
少量代码。
更好的可管理性。

将此添加到按钮

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

将其添加到<head>内的标记中（只需几行代码）：

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

Answer 2

你为什么不这样做？

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

Answer 3

如果你有类似的东西：

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

你可以点击按钮：

onclick="redirect_to('page.php/?id=8&input='+this.form.formelem.value)"

你在按钮上，所以“这个”将是按钮，你需要获得可以获得输入的表格

另一种方式（如果你不需要表格用于其他目的）就是把它放在：

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

Answer 4

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

使用JavaScript从输入中获取值

4 个答案: