jquery getJSON на основе выбранной опции

Question

Я хочу сделать поиск getJSON на основе выбранной опции. Например: если я выбираю итальянский в меню выбора, я хочу, чтобы запрос getJSON выглядел как json.w1.Italian.

Я знаю, что этот код неправильный, поэтому я прошу о помощи.

Вот код:

<select name="language"> 
    <option selected="selected" value="english">English</option> 
    <option value="german">German</option> 
    <option value="spanish">Spanish</option> 
    <option value="italian">Italian</option> 
    <option value="french">French</option> 
    <option value="portuguese">Portuguese</option> 
    <option value="dutch">Dutch</option> 
    <option value="romanian">Romanian</option> 
    <option value="greek">Grek</option> 
    <option value="bulgarian">Bulgarian</option> 
</select> 
<div id="language"></div> 

<div id="results"></div> 

<script> 
    $("select") 
     .change(function() { 
      var str = ""; 
      $("select option:selected").each(function() { 
       str += $(this).text() + " "; 
      }); 
      $("#language").text(str); 

      var query = json.w1.str; 

      $.getJSON("lang.json", function(json) { 
       $("#results").text(query); 
      }); 
     }) 
     .change(); 
</script> 

Answer 1

Ваш код намного сложнее, чем это должно быть - чтобы получить выбранное значение select вы можете просто позвонить val(). Затем вы можете использовать нотацию в виде скобок для извлечения элемента из объекта с использованием ключа в виде строки. Попробуйте следующее:

$('select').change(function() { 
    var lang = $(this).val(); 
    $("#language").text(lang); 
    $.getJSON('lang.json', function(json) { 
     $('#results').text(json.w1[lang]); 
    }); 
}).change(); 

Answer 2

У вас, похоже, есть много кода, который вам не нужен в вашем примере. Не видя вашего результата, я думаю, вам нужно что-то подобное.

https://jsfiddle.net/vpeLq3k4/

$("select") 
    .change(function() { 
    var lang = $("select option:selected").val(); 
    $("#language").text(lang); 
    $.getJSON("lang.json", function(json) { 
     $("#results").text(json.w1.lang); 
    }); 
}); 

Если вы размещаете пример того, что JSON возвращается, мы, вероятно, может помочь немного больше.