2012-06-30 157 views
-4

我有一個帶有輸入文本框和按鈕的窗體。當我點擊一個按鈕時,我想根據輸入文本框的值轉到不同的頁面。例如:使用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> 

我該如何得到這個值?這可以在不使用函數的情況下完成嗎?

+0

因此使用函數來實現重定向會看起來更乾淨和優雅,不是嗎? – verisimilitude

回答

1

,如果你有這樣的:

<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)" /> 
+0

沒有任何值正在採取 – Lalajee

+0

這工作謝謝。 onclick =「redirect_to('page.php /?id = 8&input ='+ this.form.formelem.value)」 – Lalajee

+0

你用txt_name替換formelem(你的情況)?編輯:ok – arw

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

我有更多的輸入框,如果我說this.name.value這個工作 – Lalajee

+0

對不起,我已經有一個重定向功能,這是重新定價我的頁面 – Lalajee

+0

你知道你想要什麼,然後? – Napolux

3

嗯,我會建議功能,原因如下:

  1. 更乾淨的代碼。
  2. 更好的方法,如果你有多個按鈕。
  3. 代碼較少。
  4. 更好的可管理性。

添加到您的按鈕

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

添加到您的標記內<head>(只有幾行代碼):

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