如何在javascript中查找列表中的选定元素

Question

我有一个正在处理的jsp，我需要找出列表中的哪一项被选中。

以下是jsp的屏幕截图：

​

​

代码如下：

<% Venue v = (Venue)session.getAttribute("currentVenue"); %>
<% List<Conceptual_Package> cpList = Conceptual_PackageDAO.getInstance().getByVenue(v.getId()); %>

What Packages do you want to see?

 <form method="post" action="ttp.actions.Sale3PackAction.action">
 <select name="packid" id="packid">
     <% for (Conceptual_Package cp: cpList) { %>
    <option value="<%=cp.getId()%>"><%=cp.getName1()%></option>
    <% } %>


 </select>

    <input type="button" value="  next  " onclick="getSeats();"/>

    </form>


<!--new-->


Available Seats:

 <select name="aSeats" size="10" id="aSeats">

 </select>


    <input type="button" value="  add  " onclick="addToCart();"/>


Selected Seats:
 <form method="post" action="ttp.actions.sale4Action.action">
     <select name="Seat2" size="10" id="seat2">

     </select>



    </form>



<jsp:include page="/footer.jsp"/>

Answer 1

您可以通过与<select>对象对话来获取所选的<option> DOM对象：

var select = document.getElementById('packId');
var selectedOption = select.options[select.selectedIndex];
alert("Selected option: " + selectedOption.value);

Answer 2

您可以使用selectedIndex属性找到所选选项的索引。

var index = document.getElementById('packid').selectedIndex;

如果它是你想要的value属性，你可以使用这个(假设上面的index )...

var value = document
             .getElementById('packid')
             .getElementsByTagName('option')[index]
             .value;

不过，最好缓存一个指向select元素的指针，这样您就不需要选择它两次:)