使用jQuery设置动态下拉列表(DOM)的选定索引

Question

1(型号

我的索引值存储在int数组中

Public int[] mobileid { get; set;} 

2(查看

@for(int i=0;i<3;i++)//Now create 3 dropdown with same name
{
<div>
@html.DropDownlistFor(model=>model.mobileid ,new Selectlist((ViewBag.mobileinfo),"value","Text"),new {@id="ddl"})
</div>
}

3(脚本

Mobileid有3个整数值。这些值是2，3 4如何在3下拉列表上方设置所选值

$("#ddl").val('2');
$("#ddl").val('3');
$("#ddl").val('4');

当我下载时，这些值显示第一个位置

Answer 1

不能有三个具有相同id的选择框。它是无效的。id值必须唯一。

相反，要么给它们不同的id，例如：

@for(int i=0;i<3;i++)//Now create 3 dropdown with same name
{
<div>
@html.DropDownlistFor(model=>model.mobileid ,new Selectlist((ViewBag.mobileinfo),"value","Text"),new {@id="ddl" + i})
// ------------------------------------------------------------------------------------------------------------^^^^
</div>
}

然后使用$("#ddl0")、$("#ddl1")等

或者给它们一个通用的名称或类，然后使用jQuery的.eq(n)来选择它们中的每一个。用于名称：$("[name=ddl]").eq(0)、$("[name=ddl]").eq(1)等。；对于类：$(".ddl").eq(0)、$(".ddl").eq(1)