2011-08-15 110 views
-3

HTML:如何通過javascript獲取值?

我想將gsearch的值傳遞給q參數。以下是我做的方式,但它不能工作。我應該怎麼做?

action="http://test.com/search.php?q=<script type="text/javascript">document.getElementById('gsearch').value;</script>"> 

更新:

在我的網站

。我想做一個谷歌自定義搜索:所以我把下面的代碼放在首頁。 0156290304977:8texhu0mrk谷歌搜索值。 gsearch.php網頁,其中我把谷歌定製搜索代碼,並顯示當用戶輸入的gsearch文本框中搜索文本,如果他點擊submi噸按鈕搜索結果

<form method="get" action="http://test.com/gsearch.php?cx=0156290304977:8texhu0mrk&cof=FORID:11&ie=UTF-8&q=..." > 

    <input type="text" title="" value="" name="q" class="search-input" id="gsearch" /> 
    <input type="submit" value="" name="sa" id="search-button"/> 
    </form> 

現在,我想,。然後在gsearch.php頁面上顯示搜索結果。

+0

fatnjazzy答案是正確的,你要什麼做是沒有意義的。如果你的意思是別的,請更好地解釋。 –

+0

我很抱歉,我嘗試fatnjazzy answer.but它不起作用。該行動=「http://test.com//gsearch.php?cx=015290304348117:8tbxhu0mrk&cof=FORID:11&ie=UTF-8&q=theinput」 – zhuanzhou

+0

是的,它的工作原理。提交後,寫入文本框的值將被附加到表單操作URL。這就是HTML格式如何工作,當你有'get'方法時,這是基礎。你必須錯過別的東西或不解釋你想要做的事情。 –

回答

0

,或者您需要在javascritpt

<script> 
function SubmitForm(){ 
window.open("http://test.com/search.php?q="+document.getElementById('gsearch').value) 
return false; 
} 
</script> 

<form method="get" action="http://test.com/search.php" onSubmit="SubmitForm();false" > 

<input type="text" title="" value="" name="q" class="search-input" id="gsearch" /> 
<input type="submit" value="" name="sa" id="search-button"/> 
</form> 
1

,如果你想提交此:http://test.com/search.php?q=theinput 只是這樣做:

<form target="_top" method="get" action="http://www.cnn.com/search.php" > 

<input type="text" title="" value="theinput" name="q" class="search-input" id="gsearch" /> 
<input type="submit" value="submit" id="search-button"/> 
</form> 

<form>元素背後的整個想法是,它是確保所有的來自用戶的輸入將被髮送到那個行動。
表格將從q中接收輸入,並將其自動添加到action

所以在你的簡單情況下。不需要操作。

測試在這裏 http://jsfiddle.net/L4rHG/1/

這將提交給http://edition.cnn.com/search.php?q=theinput

+0

我很抱歉,我試過你的答案,但它不起作用。 'action =「http://test.com/gsearch.php?cx=0156290304977:8texhu0mrk&cof=FORID:11&ie=UTF-8&q=theinput' – zhuanzhou

+0

@zhuanzhou - 我編輯我的帖子 – fatnjazzy

+0

對不起,結果是不是我想要的,我已經更新了這個問題,謝謝 – zhuanzhou

-2
<form action="http://test.com/search.php?q="> 
<script> 
document.forms[0].action += 'new_action.html'; 
</script>