2015-04-06 51 views
0

當用戶點擊文本區域時(無需點擊sumbit按鈕),如何創建一個帶有點擊重定向的文本框?點擊文本框重定向

<form method="POST"> 
    <input id="textboxsearch" type='text' value=''> 
    <input type="submit" value="Submit"> 
</form> 

回答

0

你可以用Javascript來做到這一點。它甚至會與庫jQuery簡單:

<script> 
    $(function(){ 
     $('#textboxsearch').click(function(){ 
      $('form').submit(); 
     }); 
    }); 
</script> 

如果你從來沒有使用jQuery工作過,在這裏快速介紹:

jQuery是一個快速,小巧,功能豐富的JavaScript庫。它使 像HTML文檔遍歷和操縱,事件處理, 動畫和Ajax等事情變得更簡單,使用易於使用的API,在多種瀏覽器上運行 。通過多功能性和可擴展性的組合,jQuery改變了數百萬人編寫JavaScript的方式。

您可以包括它與他們CDN這樣的:

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> 

但是,爲什麼你希望用戶被重定向,之前他類型的東西嗎?

+0

嗨@Marc,我想將文本框的值傳輸到另一個文本框的另一個頁面,並自動sumbit結果不點擊... 但我遇到了麻煩,我發現上述解決方案做到了這一點 你有什麼建議我爲我的第一種方法? (您的代碼工作正常,但是如何添加使其重定向的url?) – tunesol

+0

表單將「重定向到」您添加爲動作的頁面

'會重定向到'myOtherPage.html'。 – Marc

+0

「自動提交」的條件是什麼?例如,當用戶按下輸入 – Marc