本文实例讲述了js显示下拉列表框内全部元素的方法。分享给大家供大家参考。具体如下：" c) z( A5 C, v! F O1 O6 t
下面的js代码可以通过alert框显示指定下拉列表的全部元素0 X1 h& X1 t" }- F7 k) I6 f$ D" p6 l
<!doctype html>! @: n0 t+ i F; {
<html>. k( E; V! [0 k6 T7 W
<head>
7 f( Y8 h9 S E+ ]5 V% m+ ]8 y) z<script>9 g' @4 F4 \1 Z/ S
function getoptions()- g4 `( ?9 V0 w4 x( k6 L# S# q, e' T
{
& _, d; T$ t0 ^" V$ K$ svar x=document.getelementbyid(myselect);
+ y3 u& `( w+ a2 {+ h- fvar txt=all options: ;
9 _9 W) c9 [ V$ E. r3 L! y. pvar i;$ h/ l4 J" j4 J1 T( G9 j2 N9 C
for (i=0;i<x.length;i++)
" U! W/ k' ?( I{
1 Z f* E9 R( C# P% ptxt=txt + \n + x.options[i].text; B; \ _) ^, S7 }
}; \) j- ?; t+ _
alert(txt);
1 ~ v# N5 r- z9 p4 s. w' `, R}
+ C. L, y1 U" m% P8 f1 L: ]</script>' y L0 @7 O+ O, p: n
</head>" W. E' y: N+ l/ u
<body>* G# |0 y% q6 o4 [$ W( R& [
<form>) U# n3 h. ^' ?9 ~7 L5 V
select your favorite fruit:6 r7 m0 R0 l4 w O
<select id=myselect>
H, F! l; T* k& f$ K( V1 z% D<option>apple</option>" p! H( X0 [: ?4 z+ J. l m {
<option>orange</option>
2 s& x' T7 i; V- h<option>pineapple</option>
( Z: x* @! L( o, d' y( c. A<option>banana</option>
7 `+ R/ X6 P9 z4 s</select>
' x0 l( H( c+ W1 h; q<br><br>0 l3 `5 F5 x9 Q+ U T8 o
<input type=button onclick=getoptions()
- ] X/ ~5 O( Fvalue=output all options>
# }3 n* k4 d2 w$ y; m</form>
v: L' z2 t" C4 e* d0 I/ n</body>4 {# E- t0 H% j
</html>! y5 ~- G& A7 {' n! R
- S% z' v9 O: Y8 A
更多网页制作信息请查看： 网页制作 |
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡