jsp中的动态下拉列表

Question

I have a dropdown list which is dynamic so how can I iterate and insert the list values in the dropdown list?

var questionids = {"Name", "Age", "Smoker", "Drinker", "Visit Denist"};

<select name="questionid" id="questionids">
<c:forEach var="questionids" items="${questionids}">
<option value="">${questionids}</option>
</c:forEach>
</select>

I tried as mentioned above. it is not working. Also I need the value of each option should auto increment like, For first option value is 1 and second option value is 2. etc

Can any one please suggest the solution please

Answer 1

This is right approach but you have to give another name to var in <c:forEach> like below:

var questionids = {"Name", "Age", "Smoker", "Drinker", "Visit Denist"};

<select name="questionids" id="questionids">
    <c:forEach var="questionid" items="${questionids}">
        <option value="${questionid}">${questionid}</option>
    </c:forEach>
</select>

Answer 2

<% java.util.HashMap map = new java.util.HashMap(); 
map.put("0", "Name"); 
map.put("1", "Age"); 
map.put("2", "Smoker"); 
map.put("3", "Drinker"); 
map.put("4", "Visit Denist"); 
pageContext.setAttribute("map", map); 
%>




<select name="questionid" id="questionids" >
    <c:forEach items="${map}">
        <option value="${items.key}">${items.value}</option>
    </c:forEach>
</select>

Answer 3

<select name="questionid" id="questionids">
</select>

You can build select using javascript dynamically. You may want to use arr value as option value. If you want to use increment you can create a arr and loop them.

    var questionids = {"Name", "Age", "Smoker", "Drinker", "Visit Denist"};
//  var valuesArr = [1, 2, 3, 4, 5];       
    $.each(questionids , function(i, e) {
        $('#questionids').append("<option value='"+e+"'>"+e+"</option>");
//      $('#questionids').append("<option value='"+valuesArr[i]+"'>"+e+"</option>");
    });