如何转让 <option>标签的元素放入javascript数组中？

Question

How should I get all the options inside a dropdown list (under html) and convert it into an array in Javasctipt? The code snippet comes from a jsp/ html. The Form.projectList is Java object call

<c:forEach items="${Form.projectList}" var="val">
   <option ${Form.project eq val.projectId?'selected="selected"':''} 
           value="<c:out value="${val.projectId}"/>"><c:out value="${val.project}"/></option>
</c:forEach>

Answer 1

You need the name of your select element and access the options collection off of it. For example, if you had a form named myForm and a select element called myItems then you would access the list of options in that drop down like this:

for(var i = 0; i < document.myForm.myItems.options.length; i++)
{
   alert(document.myForm.myItems.options[i].value);
}

Answer 2

Use the id of the select and jquery to populate an array. Like the following

var arr=new Array();
$("#dropdwonid option").each(function()
{
    arr.push($(this).text());
});

Answer 3

Just create a JS array like you usually would. Then push the values in by placing the array in you JSP loop.

<script language="javascript">
var myJsArry = [];  // JS array
// Your JSP loop

<c:forEach items="${Form.projectList}" var="val">

    myJsArry.push(${val.projectId);  // fill your JS array

    <option ${Form.project eq val.projectId?'selected="selected"':''} 
        value="<c:out value="${val.projectId}"/>"><c:out value="${val.project}"/>
    </option>
</c:forEach>
</script>

Populate JavaScript Array from JSP List