基于所选选项的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

嘿，您的示例中似乎有很多不需要的代码。在没有看到你的结果 json 的情况下，我认为你想要这样的东西。

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 的示例，我们可能会提供更多帮助。