本文实例讲述了js显示下拉列表框内全部元素的方法。分享给大家供大家参考。具体如下:
' G* [5 O9 @% D$ z1 \& i' H/ b! u* R下面的js代码可以通过alert框显示指定下拉列表的全部元素
* l; {0 v# q5 ]1 @. `4 m<!doctype html>
% |1 W" P" [- c9 y* b<html>- Z! p% N# ~. W, G
<head>
$ D" U& V, z6 o9 S7 ^ q1 r" U<script>
+ B" E$ H9 Z0 z$ Yfunction getoptions()4 b" w+ l% u# o
{$ i; G4 x( ~6 B0 r
var x=document.getelementbyid(myselect);
% i. H" c+ k9 [( {var txt=all options: ;% v* w. l P% M* _2 X g
var i;; E/ [3 ^& y9 H" L$ L- d
for (i=0;i<x.length;i++)' U1 V0 e5 V% L9 \& g
{9 \5 \* I; ?) T7 k- n- h
txt=txt + \n + x.options[i].text;
- U$ t! W' B [' X% \5 U}7 o9 p3 X* }* }1 U9 c
alert(txt);+ V% l; s$ v5 @3 W9 Z8 J! X! m3 A
}. I; \& D$ B+ w2 ]0 x2 x$ e* i7 \3 u
</script>
S, z# } N9 k7 O4 Z7 L* X- M2 k</head>+ h! c+ b: Z( l1 }
<body>
8 S/ w: I9 J+ a<form>
! d$ G: X8 W7 Z. d# P# \# |, S8 X o! uselect your favorite fruit:* ^$ f+ K w! }& d- S- A
<select id=myselect>3 m+ h5 J+ {9 l/ `2 V
<option>apple</option>
6 F# w$ @# r. E6 J1 c5 z- t2 }<option>orange</option>' @+ d; s8 ?' }* N
<option>pineapple</option>
1 E" v/ K0 _" }1 z& b3 G8 a<option>banana</option>5 _, O; [8 {+ J' l! j/ J4 {
</select>& h6 H6 n$ y& T7 d; H) G
<br><br>
* f; g S; M. Y0 a' W9 g+ U<input type=button onclick=getoptions()% t9 Q' X9 Y5 b
value=output all options>
% G7 x: s4 r0 d+ G; `# R- p</form>
2 Y7 ?0 I& X& b4 L* t</body>
! T2 f5 s. z; S, s: w6 V</html>; o: I* V" K2 ^7 n4 V
5 M9 R( l3 T" q$ w C; g+ V更多网页制作信息请查看: 网页制作 |
|