本文实例讲述了js显示下拉列表框内全部元素的方法。分享给大家供大家参考。具体如下:$ H6 p9 H! W( o- D
下面的js代码可以通过alert框显示指定下拉列表的全部元素
- X/ k1 L6 q- w& r0 V6 D6 B<!doctype html>
6 P$ f, Q% y$ E# Q' p2 U<html>
. [ I, K8 U% D* G/ i<head>1 \. t q' t* F- c, D& W
<script>
8 Z6 }6 x6 ?# n V2 U X% xfunction getoptions()
9 G+ B& B" I- |3 `$ n( d{
7 v; P/ n/ H: Q4 M5 h6 X% r2 e' K# \var x=document.getelementbyid(myselect);: c \2 D" U+ L; [, w" g3 L
var txt=all options: ;7 L3 }# f; u' f4 k; E2 t' m* _# }- K
var i;
, @' M0 S/ K% C2 d* d3 y' [for (i=0;i<x.length;i++)- X8 `9 ~/ q, j w. K4 V
{, _- q, q3 q. r( B5 `7 h! L
txt=txt + \n + x.options[i].text;1 a" B% [# p! d6 n
}
2 _: r8 P$ k6 _! y# E T) v5 \. Halert(txt);
: ^# ]3 I2 D% O& v* f( H}
5 ~9 ]& }/ w2 ^: w</script>
7 Q- P0 d, a! y* M</head>
. O6 ^$ n! E$ K4 I" h! `<body>
/ b) z4 }# x% W- f* v<form>
4 H+ t1 F# h0 j1 }select your favorite fruit:. W- l2 h. a" K$ A+ D" U
<select id=myselect>- j, v5 {! _& I% ?. E1 p5 ~
<option>apple</option>
, V- j& |/ U2 |# Y3 t/ v* |<option>orange</option>
& B# M8 W' l9 M( ]+ `& B<option>pineapple</option>8 D) n: r- j$ B6 R* r a" W
<option>banana</option>/ `- J' z1 K2 T
</select>
. o# Y" ?: j7 Z& m4 o<br><br>2 U, @6 L; H' C5 y, R& t7 ~
<input type=button onclick=getoptions()8 [3 i0 W- r5 y" L9 M5 B T
value=output all options>% s Q5 @* ]% p# p8 ~8 V
</form>
# S1 V O" {+ {) Y</body>9 }5 a0 v" {! E" h
</html>
0 C/ y* n8 S- L1 ^8 W2 j
+ z7 J9 d+ x6 \+ u更多网页制作信息请查看: 网页制作 |
|