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

Question

我找到了如何将 "dummy" 条目添加为 select 元素中的第一个 "pseudo-option"，但现在我想将某些元素设置为默认值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 的工作吗，我可以用 razor 直接做吗，还是可以在代码隐藏 (C#) 文件中做？

Answer 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'

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

How can I set an item index for an option in an html-select element programmatically?

c#

jquery

asp.net-mvc

razor

html-select