javascript - 如何在ajax请求后自动选择html输入中的 "select"选项？

Question

我有一个 AJAX 请求发送到我的 PHP 文件，以从与用户相关的数据库中提取数据。我想自动填充表单输入。我能够填写大部分输入，但 HTML“选择”选项确实难住了我。有谁知道如何自动选择数据库中的值？
HTML

<select class="gender-reg" name="gender-reg">
    <option value="male">Male</option>
    <option value="female">Female</option>
    <option value="optout">Rather Not Say</option>
</select>

AJAX 请求

$(function () {
    $.ajax({
        type: 'GET',
        url: 'http://localhost:8090/HELPERSITE/src/php/session.php',
        dataType: 'json',
        data: '',
        success: function (response) {
            console.log(response);
            $(".username-reg").attr("value", (response['username']));
            $(".pwd-reg").attr("value", (response['password']));
            $(".email-reg").attr("value", (response['email']));
            $(".acct-type").text(response['type']);
            $(".fname-reg").attr("value", (response['fname']));
            $(".lname-reg").attr("value", (response['lname']));

            $(".gender-reg").attr("value", (response['gender']));

            $(".street-reg").attr("value", (response['street']));

        }
    })
});

Answer 1

您可以简单地使用 .val() :

$(".gender-reg").val(response['gender']);