Tùy chọn chọn HTML với EJS

Question

Tôi đang tạo cấu hình cho ứng dụng web của mình, hãy thử kết xuất nó với trang web. Dưới đây là một phần của mã của tôi. Tôi muốn tùy chọn được chọn cho cấu hình [0] .volume có. Vì vậy, nếu cấu hình [0] .volume là '50', tùy chọn đã chọn sẽ là '50'. Các mã hoạt động tốt. Nhưng tôi tự hỏi. 'Làm cách nào để rút ngắn mã này?' Vì vậy, tiết lộ với mã của tôi.

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

Tôi nghĩ khoảng 2 giờ, nhưng không có gì xuất hiện. Có thể tôi phải sử dụng jquery hoặc javascript và thêm thuộc tính để có nó,

attr('selected')... ? 

Tôi không biết, Bạn có thể giúp tôi không?

Answer 1

Bạn có thể đặt trong vòng lặp dựa trên các giá trị tùy chọn.

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