JS顯示下拉列表框內(nèi)全部元素的方法
來(lái)源:易賢網(wǎng) 閱讀:1306 次 日期:2015-04-02 16:04:06
溫馨提示:易賢網(wǎng)小編為您整理了“JS顯示下拉列表框內(nèi)全部元素的方法”,方便廣大網(wǎng)友查閱!

本文實(shí)例講述了JS顯示下拉列表框內(nèi)全部元素的方法。分享給大家供大家參考。具體如下:

下面的JS代碼可以通過(guò)alert框顯示指定下拉列表的全部元素

<!DOCTYPE html>

<html>

<head>

<script>

function getOptions()

{

var x=document.getElementById("mySelect");

var txt="All options: ";

var i;

for (i=0;i<x.length;i++)

{

txt=txt + "\n" + x.options[i].text;

}

alert(txt);

}

</script>

</head>

<body>

<form>

Select your favorite fruit:

<select id="mySelect">

<option>Apple</option>

<option>Orange</option>

<option>Pineapple</option>

<option>Banana</option>

</select>

<br><br>

<input type="button" onclick="getOptions()"

value="Output all options">

</form>

</body>

</html>

更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄

更多信息請(qǐng)查看網(wǎng)頁(yè)制作
易賢網(wǎng)手機(jī)網(wǎng)站地址:JS顯示下拉列表框內(nèi)全部元素的方法
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢(xún)回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢(xún)?yōu)闇?zhǔn)!
相關(guān)閱讀網(wǎng)頁(yè)制作
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢(xún) | 簡(jiǎn)要咨詢(xún)須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn)

版權(quán)所有:易賢網(wǎng)