1

我正在尝试查看 JSON 对象中是否存在值，如果存在，则应将值放置在 DOM 中。

在我的示例中，我无法访问与数组 arr 中的“值”名称配对的值。

最后我希望用户在文本框中输入文本，当他们选择一个选项并且选项框关闭时，值应该放在放置的 div 中。在放置值之前，它必须检查该值是否存在于数组中，这样乱码就不会被放置在放置的元素中。

    var arr = [ 
        {value : "c++", price: "5.69"},
        {value : "php", price: "5.69"},
        {value : "coldfusion", price: "5.69"},
        {value : "javascript", price: "5.69"},
        {value : "asp", price: "5.69"},
        {value : "ruby", price: "5.69"},
     ];
     // alert(arr.value)
$( "#autocomplete" ).autocomplete({

    source  : arr,
  close : function(event, ui){
    var val = $('input#autocomplete').val();
     //Definite problem[index needed?]
    if ($.inArray(val,arr.value) > -1) {
       $('.placed').html(val);
    }

  }
});

我刚开始学习 JSON，我不确定是否检查 val 是否存在于这种类型的数组中。所以如果你能帮助我，那就太好了。

jsfiddle

4

1 回答 1

0

您可以$.inArray在普通数组上使用，但这里有一个对象数组。所以尝试使用$.grep来获取所有匹配项。

 close: function (event, ui) {
            var val = $('input#autocomplete').val();
            var res = $.grep(arr, function (o) { //Will give you all the matches
                  return o.value.indexOf(val) > -1;
            });

            if (res.length) {
                $('.placed').html(val);
            }

        }
    });

演示

但似乎你只是想看看匹配是否存在，所以在这种情况下使用只是$.each

    close: function (event, ui) {
        var val = $('input#autocomplete').val();
        var match = false;
        $.each(arr, function (_, o) {
            if (o.value === val) {
                match = true;
                return false; //break the look once you find a match
            }
        });
        if (match) {
            $('.placed').html(val);
        }

演示

于 2013-10-13T02:42:42.517 回答