HTML-Auswahloption mit EJS

Question

Ich mache eine Konfiguration für meine Webanwendung, versuchen Sie, es auf Webseite zu rendern. Unten ist ein Teil meines Codes. Ich möchte die Option auf die config [0] .volume hat gewählt. Wenn also config [0] .volume '50' ist, ist die ausgewählte Option '50'. Die Codes funktionieren gut. Aber ich habe mich gewundert. "Wie kann ich diesen Code verkürzen?" So ausführlich mit meinem Code.

<select id="volume"> 

<option value="1" <%= config[0].volume == '1' ? 'selected' : ''%>>1</option> 
<option value="5" <%= config[0].volume == '5' ? 'selected' : '' %>>5</option> 
<option value="10" <%= config[0].volume == '10' ? 'selected' : '' %>>10</option> 
<option value="50" <%= config[0].volume == '50' ? 'selected' : '' %>>50</option> 
<option value="75" <%= config[0].volume == '75' ? 'selected' : '' %>>75</option> 
<option value="100" <%= config[0].volume == '100' ? 'selected' : '' %>>100</option> 

</select> 

Ich denke über 2 Stunden, aber nichts kommt auf. Vielleicht muss ich Jquery oder Javascript verwenden, und fügen Sie Attribut hat es,

attr('selected')... ? 

Ich habe keine Ahnung, Könnten Sie mir helfen ..?

Answer 1

Sie können es basierend auf den Optionswerten in eine Schleife einfügen.

<select id="volume"> 

<% 
var options = [ "1", "5", "10", "50", "75", "100" ]; 
for (var i = 0; i < options.length; i++) 
{ 
    var selected = (config[0].volume == i) ? "selected" : ""; 
    %><option value="<%=options[ i ] %>" <%=selected %>><%=i %></option><% 
} 
%> 
</select>