javascript - JavaScript または jquery を使用したフィルター検索

Question

3 つのドロップダウン フィールドを持つ Web ページがあります。

国

州

街

州 (国に基づく) と都市 (州に基づく) のフィルター処理されたルックアップを適用する必要があります。

JavascriptまたはJqueryを使用して実現したい。

PS : Web サイトは、Microsoft テクノロジまたは PHP に基づいていません。

更新: 以下にリストされているさまざまな例を試しましたが、フィルター処理されたルックアップに近づいていません。

a) 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) jQuery の SELECT 要素で特定のオプションをどのように選択しますか?

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>

$(function () { var $States = $('select[name=Select1]'); 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;
    }));
});

});