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

时间:2016-04-20 21:17:51

标签: c# jquery asp.net-mvc razor html-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>

填充&#34;&#34;&#34;&#34;&#34;选择,我想将其设置为&#34; 13&#34;和&#34; produsageto&#34;到&#34; 1&#34;作为默认值。

这是jQuery的工作吗,我可以用razor在那里做,还是可以在代码隐藏(C#)文件中做到这一点?

1 个答案:

答案 0 :(得分:2)

您可以使用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'