JavaScript获取Select下拉框Option的Value和Text值的方法

JavaScript获取Select下拉框Option的Value和Text值的方法

标签：列表框　更新时间：2014-03-28

Js获取select下拉列表框各个Option的Value值相对比较容易，不过获取Text值却有点麻烦，对于一个初学JavaScript的新手来说，可能一时还无从下手，那么就请看下本文的方法，以一个form表单中的Select下拉框菜单为例，来说明如何用JavaScript获取其Value值和Text值：

示例表单，里面是一个select下拉列表框的各个列表项及值：

view source

print?

1	< form name = "form1" >

2	< select name = "testvalue" >

3	< option value = "ASP" >ASP</ option >

4	< option value = "PHP" >PHP</ option >

5	< option value = "JSP" >JSP</ option >

6	</ select >

7

</ form >

接下来是JavaScript部分，获取Select的各个Value值和Text值：

view source

print?

1	//获取select下拉框Option的Value值：

2	document.form1.testvalue.value

3

4	//获取select下拉框Option的Text值：

5	document.form1.testvalue.options[document.form1.testvalue.selectedIndex].text

第二种

<td style="border:1px solid #b2d8ff" ><select id="jsmc" name="jsmc">

                  <% ArrayList list1=(ArrayList)request.getAttribute("listtea");
if(request.getAttribute("listtea")!=null){ 
Iterator it=list1.iterator();
while(it.hasNext()){
loginbean lb=null;
lb=(loginbean)it.next();
%>

                <option value="<%=lb.getName() %>:<%=lb.getAcount() %>"><%=lb.getName() %></option>

                 <%

} }