javascript - Json 返回的 JQuery 更新选项

Question

所以我有这个 HTML 表单:

<select name="finder[4]" id="finder-2--4" class="pffield pf-make">
   <option value="0">Please Select...</option>
   <option value="52505">Alfa Romeo</option>
   <option value="52506">Audi</option>
   <option value="52499">BMW</option>
   <option value="52501">Ford</option>
</select>

我有这个 jQuery

<script type="text/javascript">
    jQuery("document").ready(function(){
        //console.log('on load');
    jQuery(".js-ajax-php-json").submit(function(){
        //console.log('post');
    var data = {
    "action": "test"
    };
    data = jQuery(this).serialize() + "&" + jQuery.param(data);
    jQuery.ajax({
    type: "POST",
    dataType: "json",
    url: "/reglookup.php", //Relative or absolute path to response.php file
    data: data,
        success: function(data) {
            console.log(data);
            console.log(data['make']);

            //$(".pf-make option:selected").text("Ford");
            //$(".pf-make option:contains(Ford)").attr('selected', true);
            //$(".pf-make option[text=" + data["make"] +"]").attr("selected","selected");
            $(".pf-make").val('52499');
            alert("Form submitted successfully.\nReturned json: " + data["make"]);
        }
    });
    return false;
    });
    });
</script>

我从 json 帖子中得到以下返回

Object {make: "Ford", model: "Focus", year: "2010", engine: 2.5, fuel: "Petrol"}

因此，当这些日志记录在控制台中时，发布和回调工作正常，并且我需要能够获取回调的 make 数据 [“make”] 并更新选择表单中的选定选项。

您可以看到我尝试了许多不同的选项，甚至在代码中手动输入“Ford”，但我似乎总是在控制台中收到以下错误:

(index):221 Uncaught TypeError: Cannot read property 'val' of null

对于我的一生来说，我现在无法让这个工作。

Answer 1

使用contains获取选项值，然后设置select:-

var ford = $('.pf-make option:contains("Ford")').val();

$('.pf-make').val(ford);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="finder[4]" id="finder-2--4" class="pffield pf-make">
   <option value="0">Please Select...</option>
   <option value="52505">Alfa Romeo</option>
   <option value="52506">Audi</option>
   <option value="52499">BMW</option>
   <option value="52501">Ford</option>
</select>