jqueryの移入ドロップダウン

Question

良い一日、

私はオンラインを見て、JSONとjQueryを使用してドロップダウンに関する記事を読みました。しかし、私は正しい構文を得ることができません。ページが読み込まれたら、すべての町を含むように町のドロップダウンをします。ユーザーがコミュニティを選択すると、その町のコミュニティのみが表示されます。

何か助けていただければ幸いです。 http://jsfiddle.net/ccync/後世のために

、JavaScriptコードは以下の通りです：ここに私のコードを見てください

Answer 1

http://jsfiddle.net/latoyale/XgxCP/1/は、私が働いてフォーク作ら

// JSON data start 

var data = [ 
    [ 
       {optionValue: 0,url: 'Choose Town',community: 'Choose Town'}, 
       {optionValue: 1,url: '/dutchess/amenia',community: 'Amenia'}, 
       {optionValue: 2,url: '/dutchess/arlington',community: 'Arlington'}, 
       {optionValue: 3,url: '/dutchess/barrytown',community: 'Barrytown'} 
    ], 


      [ {optionValue: 0,url: 'Choose Town',community: 'Choose Town'}, 
       {optionValue: 32,url: '/orange/Campbell-hall',community: 'Campbell Hall'}, 
       {optionValue: 33,url: '/orange/central-valley',community: 'Central Valley'}, 
       {optionValue: 34,url: '/orange/chester',community: 'Chester'}, 
    ] 

      ]; 

// JSON data end 


$(function() { 

    $('#page-changer')[0].reset(); // resets form onload 

    var $county = $('#county'); 
    var $township = $('#township'); 
    function updateTownshipOptions(){ 
     var selected = $county.val(); 
     if (selected) { 
      options = []; 
      var selected_data = data[$county.val()-1]; 
      for (var i=0; i<selected_data.length; i++) { 
       options.push('<option value="'+selected_data[i].optionValue+'">'+selected_data[i].community+'</option>'); 
      } 
      $township.html(options.join('')); 
     } 
    }  
    updateTownshipOptions(); 
    $county.change(updateTownshipOptions); 

});