2011-02-24 57 views
0

mysite有兩個搜索,一個是整個網站搜索。另一個是谷歌搜索。如何編寫javascript代碼來獲得效果?

HTML結構是:

<div class="fr_search">   
     <select class="search_l"> 
     <option value="0">the whole site search</option> 
     <option value="1">google search</option> 
     </select> 

    <form action="1.php" method="post" id="search-theme-form">  
    <input type="text" maxlength="128" name="search_theme_form" id="edit-search-theme-form-1" size="15" value="" title="input search term" class="form-text" /> 
    <input type="image" name="submit" id="edit-submit" class="form-submit"  src/images/search_btn_top.gif" /> 
    <input type="hidden" name="form_build_id" id="form-9fb5cf2703f7df33fe84873222db2cbe" value="form-9fb5cf2703f7df33fe84873222db2cbe" /> 
    <input type="hidden" name="form_id" id="edit-search-theme-form" value="search_theme_form" /> 
</form> 

現在,我想要做的是當網站位訪客然後從下拉列表中「整個網站搜索」。當他在文本框中輸入這個詞,然後點擊提交按鈕,他將從網站上搜索結果。

當vistor從下拉列表中選擇「谷歌搜索」時。當他在文本框中輸入搜索詞並單擊提交按鈕時,他將從Google自定義搜索中搜索結果。 謝謝。

+0

將在上選擇?或他提交表格之後? – corroded 2011-02-24 06:32:43

+0

不確定 - 點擊提交圖片後,我假設它存在。 – 2011-02-24 06:36:39

回答

0

嘗試這樣:

$("#edit-submit").click(function() { 
    if ($(".search_l")[0].val() == "0") { 
     // site search 
     $("#search-theme-form").submit(); 
    } else { 
     // google 
     window.location = "http://www.google.com/search?q=" + $("#edit-search-theme-form-1").attr("value"); 
    } 
}); 
+0

只注意到你指定的Google自定義搜索 - 不確定如何構建URL(或者實際上是否仍然需要發佈到頁面)。 – 2011-02-24 06:42:13