如何在JavaScript中将<option>标签的元素转换为数组?

时间:2016-06-10 22:00:07

标签: javascript java html arrays jsp

如何在下拉列表中(在html下)获取所有选项并将其转换为Javasctipt中的数组? 代码片段来自jsp / html。 Form.projectList是Java对象调用

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

3 个答案:

答案 0 :(得分:0)

您需要select元素的名称,并从中访问options集合。例如,如果您有一个名为form的{​​{1}}和一个名为myForm的{​​{1}}元素,那么您可以访问该下拉菜单中的选项列表,如下所示:

select

答案 1 :(得分:0)

使用select和jquery的id来填充数组。如下所示

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

答案 2 :(得分:0)

只需像往常一样创建一个JS数组。然后通过将数组放在JSP循环中来推送值。

<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