搜索表單Jquery或Java腳本

-1

我希望有人能幫助我參與一個我正在開發的項目。我正在尋找關於如何在搜索表單上填充下拉列表的一些想法。我使用運行在PHP MySQL上的Word Press平臺作爲後端數據庫。例如，這個表格會有美國，其次是縣，然後是城市;搜索表單Jquery或Java腳本

如果您選擇賓夕法尼亞州，它會自動選擇下一個單元格上的賓夕法尼亞縣。你選擇一個縣，那麼它會對城市做同樣的事情，所以第四。您單擊城市並點擊「提交或搜索」它會在您的網站中找到您爲此選擇的網頁。例如，如果您選擇費城並點擊搜索，則會找到「費城」頁面。

我在想JavaScript或JQuery？

謝謝大家的幫助！

來源

2012-12-18 John Smith

聽起來像你正在尋找[級聯下拉]框 – MikeM

我還沒有真正嘗試過任何東西，除了一個簡單的形式，我作爲一個樣本爲你剛纔看到。但它不是SELECT形式。 –

你可能想看看JQuerys autocomplete。

將它附加到輸入字段並定義一個函數來填充它。

來源

2012-12-18 02:38:46 Nick

我還沒有真正嘗試過任何東西，除了一個簡單的形式，我建立了一個樣本，讓你看到剛纔。但它不是SELECT形式。 –

所有你需要的是一個ajax請求。試試這個模板，它不需要jQuery的

的Javascript

function ajax_request(destination_url, parameters, output_id) { 

     if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari 
      xmlhttp = new XMLHttpRequest(); 
     } else {// code for IE6, IE5 
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
     } 

     xmlhttp.onreadystatechange = function() { 
      if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
       document.getElementById(output_id).innerHTML = xmlhttp.responseText; 
      } 
     } 

     xmlhttp.open("POST", destination_url, false); 
     xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
     xmlhttp.send(parameters); 

    }

HTML

<select name="state" onselect="ajax_request(get_cities.php, this.value, city_list)" /> 
    <option value="1">Pensilvania</option> 
    <option value="2">New York</option> 
    <option value="3">Florida</option> 
</select> 

<select id="city_list" name="city" /> 
    &nbsp; 
</select>

你現在需要的，就是寫get_cities.php。在這個文件中，根據您使用ajax發佈的州名，從MySQL表中獲取國家列表。

來源

2012-12-18 02:45:51

這是非常感謝，我不是一個技術精明的傢伙，我希望更多的方向如何使用這一步一步。當我試圖在我的小部件上使用HTML代碼時，它完美運行，但我迷失在如何以及在哪裏使用Javascript。感謝您的時間。 –

你需要付錢給你，或者改變你的問題。忘記關於文字新聞刷新基於選擇文章的部分首先要弄清楚下拉菜單。 –

搜索表單Jquery或Java腳本

回答

相關問題