JQuery Populate выпадающий с данными JSon

Question

Добрый день,

Я посмотрел в Интернете и читать сообщения относительно выпадающие с помощью JSON и JQuery. Однако я не могу понять, что мой синтаксис правильный. Когда страница загружается, я хочу, чтобы в выпадающем списке городов были все города. Когда пользователь выбирает сообщество, тогда должны показывать только сообщества этого города.

Любая помощь приветствуется. Пожалуйста, просмотрите мой код здесь http://jsfiddle.net/latoyale/XgxCP/1/

Answer 1

Я сделал рабочую вилку: http://jsfiddle.net/ccync/

Для потомков, JavaScript код находится ниже:

// 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); 

});