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

Question

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

这是最好使用javascript完成的，还是可以在select中动态填充选项之后执行，如下所示：

<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“select之后，我希望将其设置为"13”，将"produsageto“设置为"1”作为默认值。

这是jQuery的工作吗?我可以在那里使用剃须刀吗?还是可以在代码隐藏(C#)文件中这样做？

Answer 1

你可以用JavaScript或Razor。

这是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'