2016-01-19 6 views
6

के साथ एचटीएमएल का चयन विकल्प मैं अपने वेब एप्लिकेशन के लिए कॉन्फ़िगरेशन कर रहा हूं, इसे वेब पेज पर प्रस्तुत करने का प्रयास करें। नीचे मेरे कोड का हिस्सा है। मैं कॉन्फ़िगरेशन [0] .volume में चुने गए विकल्प को चाहता हूं। तो, अगर कॉन्फ़िगरेशन [0]। Volume '50' है, तो चयनित विकल्प '50' होगा। कोड अच्छी तरह से काम कर रहे हैं। लेकिन मुझे आश्चर्य हुआ। 'मैं इस कोड को कैसे छोटा कर सकता हूं?' तो मेरे कोड के साथ verbose।ईजेएस

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

मुझे 2 घंटे लगता है, लेकिन कुछ भी नहीं आता है। शायद मैं jQuery या जावास्क्रिप्ट का उपयोग करें, और जोड़ने का श्रेय यह,

attr('selected')... ? 

मुझे पता नहीं है, क्या आप मेरी मदद कर सके है करने के लिए करने के लिए है ..?

उत्तर

8

आप विकल्प मानों के आधार पर इसे लूप में डाल सकते हैं।

<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> 
संबंधित मुद्दे