javascript - 将所选值设置为动态下拉列表

Question

在下面的代码中，我有动态下拉列表，我想要选择一个值。但是当我传递一个要选择的值时。没有值被绑定(bind)。请帮助我做到这一点。

 if (type == "DropDownList") {
            newdiv.innerHTML += "<select class=\"form-control\" data-error=\"Please Provide " + DisplayName + "\"  name=\"" + Name + "\" id=\"" + Name + "\"/>";
               $('#divComplete').append(newdiv);
            Load(id, Name, FieldValue);
        }


 function Load(sFieldID, sControleID, FieldValue) {

        alert(FieldValue);        if (sFieldID == '')
            return;

        var dataString = JSON.stringify({
            strProjectID: iProjectID

        });

        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "Sample.aspx/test",
            dataType: "json",
            async: false,
            data: dataString,
            success: function (data) {
                var locations = JSON.parse(data.d);
                $('#' + sControleID).html("");
                $.each(locations, function (i, item) {
                    alert(item);

                    $('#' + sControleID).append($('<option selected=\"true\"  value=\"' + FieldValue + '\">', {
                        value: item.EnumText,
                        text: item.EnumText
                    }));
                });

            },
            error: function (result) {
            }
        });
    }

Answer 1

您可以在标签上使用 jQuery 的 .val() 方法:

$('select').val('c');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select>
  <option>a</option>
  <option>b</option>
  <option>c</option>
  <option>d</option>
</select>