javascript - 无法将选择选项设置为默认值

Question

我正在尝试在本地存储的选择菜单中设置默认选项，我使用 GUID 作为值。

<script type="text/javascript">
    $(document).ready(function () {
        var guid = getParameterByName("dashId");

        //$("#cboDashboards").val(guid); - Attempt #1 
        //$("#cboDashboards > option[value=" + guid + "]").prop("selected", true); - Attempt #2
        //jQuery('#cboDashboards > option[value="' + guid + '"]').prop('selected', true) - Attempt #3
    });

    document.getElementById("cboDashboards").onchange = function () {
        localStorage.dashboardGuid = this.value;
        window.location.href = "/Home/Index?dashId=" + this.value;
    };
</script>

存储的 GUID 与我尝试填充组合框的 GUID 相同，但是，我尝试了三种不同的方法来尝试填充组合框，但没有一种有效。对于为什么这不能按预期工作有什么建议吗？

编辑-这个方法对它有影响吗？调用它是为了用值填充组合框:

function populateDashboard(data) {
    var options = $("#cboDashboards");

    $.each(data, function () {
        options.append($("<option />").val(this.DashboardGuid).text(this.Name));
    });
}

我填充了一些测试数据 -

<select  id="cboDashboards">
    <option value="0">Select dashboard</option>
    <option value="1">Select dashboard 1</option>
    <option value="2">Select dashboard 2</option>
    <option value="3">Select dashboard 3</option>
    @* <option value="0">Select dashboard</option>*@
</select>

我做到了:

$("#cboDashboards").val('1');//- 尝试 #1

这有效，所以我似乎对 GUID 值有疑问？

Answer 1

使用以下代码尝试使用 jQuery:

function populateDashboard(data) {
    var options = $("#cboDashboards");

    $.each(data, function () {
        options.append($("<option />").val(this.DashboardGuid).text(this.Name));
    });

    var guid = getParameterByName("dashId");
    //select element
    $('#cboDashboards option[value='+ guid +']').attr('selected', 'selected');
}

我希望这会有所帮助。