2014-12-02 70 views
-1

我想有一個輸入字段有兩個提交按鈕。鍵入搜索並單擊Google或Wikipedia,然後讓我的術語搜索適當的站點。但是我不確定我是否使用了正確的術語(或者甚至可能)。我發現很多的方式與一個下拉列表,或單選按鈕來做到這一點,但每一種需要在搜索輸入和點擊相應的按鈕之間1-3點擊。兩個多搜索框提交按鈕

理想情況下,我想做到這一點,而不使用Javascript/jQuery的,但我懷疑這實際上不太可能。有什麼建議麼?

function OnSubmitForm() 
 
{ 
 
    if(document.pressed == 'Google') 
 
    { 
 
    document.searchform.action ="http://www.google.com/search"; 
 
    } 
 
    else 
 
    if(document.pressed == 'Wikipedia') 
 
    { 
 
    document.searchform.action ="http://www.wikipedia.org/search-redirect.php"; 
 
    } 
 
    return true; 
 
} 
 
</script>
<form name="searchform" method="get" onsubmit="return OnSubmitForm();" action="http://www.google.com/search"> 
 
<input type="text" name="q" size="20" value=""> 
 
<input type="submit" name="operation" onclick="document.pressed=this.value" value="Google"> 
 
<input type="submit" name="operation" onclick="document.pressed=this.value" value="Wikipedia" class="searchButton"> 
 
</form>

因此,代碼的谷歌部分的作品,但我做錯了使用JavaScript來改變動作搜索Wikipedia如果單擊維基百科按鈕。

+1

編寫代碼將是一個良好的開端。我們不是爲了爲您建立您的系統,也不是爲您設計,而不是批評您的設計。一旦你有了一些實際的代碼,我們可能會幫助嘗試修復它,但這就是它。 – 2014-12-02 15:30:16

+0

夠公平的。讓我試着讓我再次部分工作的代碼,然後編輯這篇文章。 – aslum 2014-12-02 15:32:06

+0

*「理想情況下,我想做到這一點,而不使用Javascript/jQuery的,但我懷疑這實際上不太可能。」 * - 好看多了,HTML表單將只沒有某種字體端JS輕搖約提交'action'與值(或使用按鈕用的onclick事件,這是再次JS)你有點卡住了。 – CD001 2014-12-02 15:35:03

回答

1

這是非常有可能使用jQuery ...你最終會喜歡的東西......

$("#googleButton").on('click', function() { /* navigation with search criteria */ }); 
$("#wikipediaButton").on('click', function() { /* navigation with search criteria */ }); 
+0

內的代碼,你可以收集輸入和格式化導航。 – rfornal 2014-12-02 15:34:57