使用 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');

当我的 dropdownload 时，此值显示第 1 位

Answer 1

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

相反，要么给他们不同的ids，例如：

@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")等。

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