如何以编程方式为 html-select 元素中的选项设置项目索引？答案

【问题标题】：How can I set an item index for an option in an html-select element programmatically?如何以编程方式为 html-select 元素中的选项设置项目索引？
【发布时间】：2016-04-20 21:17:50
【问题描述】：

我发现了如何在选择元素here 中添加一个“虚拟”条目作为第一个“伪选项”，但现在我想在选择元素中将某些元素设置为默认值。

这是最好使用javascript完成的事情，还是我可以在选择中的选项动态填充之后立即执行，就像这样：

<label>From</label>
<select name="produsagefrom">
    @for (int i = 1; i <= @maxMonthsBackBegin; i++)
    {
        <option id="selItem_@(i)" value="@i">@i</option>
    }
</select>
<label>months back</label>
<label>To</label>
<select name="produsageto">
    @for (int i = 1; i <= @maxMonthsBackEndNormal; i++)
    {
        <option id="selItem_@(i)" value="@i">@i</option>
    }
</select>
<label>months back</label>

填充“produsagefrom”选择后，我想将其设置为“13”并将“produsageto”设置为“1”作为默认值。

这是 jQuery 的工作吗，我可以用 razor 直接完成，还是可以在代码隐藏 (C#) 文件中完成？

【问题讨论】：

标签： c# jquery asp.net-mvc razor html-select

【解决方案1】：

您可以使用 JavaScript 或 Razor。

这是剃刀：

<select name="produsageto">
    @for (int i = 1; i <= @maxMonthsBackEndNormal; i++)
    {
        if(i == 1) {
            <option id="selItem_@(i)" value="@i" selected="selected">@i</option>
        } else {
            <option id="selItem_@(i)" value="@i" >@i</option>
        }
    }
</select>

这里是 jQuery：

$('select[name=produsagefrom]').value = '13'

【讨论】：

添加 jQuery 示例。