Wie kann ich einen Elementindex für eine Option in einem HTML-Select-Element programmgesteuert festlegen?

Question

Ich habe herausgefunden, wie man einen "Dummy" -Eintrag als erste "Pseudo-Option" in einem Select-Element here hinzufügt, aber jetzt möchte ich bestimmte Elemente auf die Standardwerte im Select-Element setzen.

Ist das etwas, am besten mit Hilfe von Javascript getan, oder kann ich es gleich nach der dynamischen Bevölkerung von Optionen in der Auswahl, die wie so ist:

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

Nach Bestücken der „produsagefrom“ wählen, ich will um es auf "13" und "produsageto" auf "1" als Standardwerte zu setzen.

Ist dies ein Job für jQuery, kann ich es direkt dort mit Rasierer tun, oder ist es möglich, es in einer Code-behind (C#) Datei zu tun?

Answer 1

Sie könnten JavaScript oder Razor verwenden. Hier

ist 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> 

Hier ist jQuery:

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