使用javascript或jquery過濾查找

-2

我有一個網頁，有3個下拉字段。使用javascript或jquery過濾查找

國家

市

我需要申請國家過濾查找（根據國家）和城市（基於狀態）。

我想用Javascript或Jquery實現。

PS：該網站不基於任何Microsoft技術或PHP。

更新：我嘗試了下面列出的各種示例，但我沒有越來越接近過濾查找。

一個）http://forum.jquery.com/topic/set-dropdown-list-selected-value-after-dynamically-populating

B）http://www.mkyong.com/jquery/how-to-set-a-dropdown-box-value-in-jquery/

c）中How do you select a particular option in a SELECT element in jQuery?

UPDATE2

<form method="post">States: 
<select name="Select1"> 
    <option>NJ</option> 
    <option>NY</option> 
    <option>PA</option> 
    <option>TX</option> 
</select>

<form method="post">City List: 
<select name="Select2"> 
    <option>Trenton</option> 
    <option>Albany</option> 
    <option>Philly</option> 
    <option>Newark</option> 
    <option>NYC</option> 
    <option>Pittsburgh</option> 
    <option>Hackensack</option> 
    <option>Niagara</option> 
    <option>Harrisburg</option> 
</select>

$（函數（）{ 變量$美國= $（ '選擇[名稱=選擇一]'）; var $ Cities = $（'select [name = Select2]'）;

var $citiesList = $Cities.find('option').clone(); 

var workerandFruits = { 
    NJ: ["Trenton", "Newark", "Hackensack"], 
    NY: ["Albany", "NYC", "Niagara"],   
    PA: ["Philly", "Pittsburgh", "Harrisburg"] 
} 

$States.change(function() { 
    var $selectedWorker = $(this).find('option:selected').text(); 
    $Cities.html($citiesList.filter(function() { 
     return $.inArray($(this).text(), workerandFruits[$selectedWorker]) >= 0; 
    })); 
});

}）;

來源

2013-10-01 Anirudh

「我要」幾乎不成問題。請向我們展示您的努力。 – georg

@ thg435：我更新了這個問題。 – Anirudh

對不起，但它仍然看起來像你在等待某人爲你寫代碼。 – georg

好吧，讓我們開始與此：

$(function() { 
    var citiesByState = { 
     NJ: ["Trenton", "Newark", "Hackensack"], 
     NY: ["Albany", "NYC", "Niagara"], 
     PA: ["Philly", "Pittsburgh", "Harrisburg"] 
    } 

    $('select[name=state]').change(function() { 
     var cities = citiesByState[$(this).val()]; 
     var opts = $.map(cities, function(name) { 
      return "<option>" + name + "</option>"; 
     }); 
     $('select[name=city]').html(opts.join("")); 
    }); 
});

http://jsfiddle.net/d8hY5/1/

讓我們知道，如果你有問題。

來源

2013-10-01 16:16:35 georg

@ thg435-我的問題是有2個下拉菜單的網頁被稱爲品牌和模型（在這個例子中，州和城市）。有很多模型與每個品牌相關聯，對我來說，在開始時定義它們是一種痛苦。所以我期望做的是獲得品牌的價值（使用javascript/jquery），然後在運行時即時建立相關的模型數組。隨着這些值不斷變化，我無法對這些值進行硬編碼。我在這裏有什麼選擇？ – Anirudh

您的應用程序如何可能知道哪個模型屬於哪個品牌？ – georg

此網頁來自一家承載雲端網站的公司（不是Office 365），我們只能使用JavaScript/Jquery進行自定義。所以就數據而言，我有一些可以調用Brand來模型關聯的例程。所以基本上當用戶選擇CANON作爲品牌時，我可以通過託管公司提供的一些查詢找出有多少個模型相關聯。 – Anirudh

使用javascript或jquery過濾查找

回答

相關問題