设置所选选项/ .attr("选中",true)时遇到问题

Question

我正在创建一个像这样的选择:

<select id="teamNameLabel" data-corners="false" onchange="GetSelectedTeam()" data-bind="options: teams, optionsText: 'name', optionsValue: 'id'">
    <option value="1">Select a Team...</option>
</select>

我的应用程序是单个页面,因此当选择一个选项时,它将被分配给TeamId,如下所示:

TeamId = $('#teamNameLabel').val();

我希望所选选项是导航回此页面时最后选择的选项.当页面加载时我用它测试了它,但是警报一直在回复undefined.

$("#teamNamelabel option").eq(TeamId+1).attr("selected","selected");
alert($("teamNameLabel option:selected").val());

无论如何我可以将selectedOption或.attr(已选择)设置为TeamId吗？

Answer 1

#警报中的那个选择器中缺少你,你也可以

alert($("#teamNameLabel").val());

代替

alert($("#teamNameLabel option:selected").val());

并设置值..只需.val再次使用如下,

$("#teamNameLabel").val(TeamId);

.eq当您需要在不知道其值的情况下选择选项时,可以使用选择器.

假设您要选择第3个选项,然后

//             3rd option = 2 because .eq takes index
$("#teamNamelabel option").eq(2).prop("selected", true);