国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript獲取下拉列表框當(dāng)中的文本值示例代碼

2019-11-20 22:29:02
字體:
供稿:網(wǎng)友
近日碰到一個(gè)問題,就是需要將用戶點(diǎn)擊下拉列表當(dāng)中某個(gè)選項(xiàng)后,將其所選的內(nèi)容保存起來,例如下面的HTML代碼:
復(fù)制代碼 代碼如下:

<select onchange="isSelected(this.value);" id="city">
<option value="1">北京</option>
<option value="2" >上海</option>
<option value="2" >廣州</option>
</select>

也就是說當(dāng)用戶選擇“上海”這一列時(shí),需要將“上海”這個(gè)名稱保存起來。其實(shí)方法很簡單。看下面javascript代碼:
復(fù)制代碼 代碼如下:

function isSelected(value) {
var cityName;
var city = document.getElementById("city");
//獲取選中的城市名稱
for(i=0;i<city.length;i++){
if(city[i].selected==true){
cityName = city[i].innerText; //關(guān)鍵點(diǎn)
alert("cityName:" + cityName);
}
}

也可以這么做:
復(fù)制代碼 代碼如下:

function isSelected(value) {
var city = document.getElementById("city");
alert(city.options[city.selectedIndex].innerText);
}

大致解釋一下,首先在HTML頁面上有一個(gè)下拉框,并為此下拉框定了一個(gè)“city”的id,并為其綁定了一個(gè)onchange事件,通過此事件調(diào)用javascript函數(shù)。

在javascript函數(shù)當(dāng)中,通過domcument對(duì)象獲取當(dāng)前下拉框的節(jié)點(diǎn)元素,由于節(jié)點(diǎn)的值并非只有一個(gè),所以我們可以通過循環(huán)節(jié)點(diǎn)來得到每個(gè)選項(xiàng)的值。在循環(huán)的時(shí)候通過判斷當(dāng)前選項(xiàng)是否選中,如果選中則使用city[i].innerText 方式獲取當(dāng)前所選中的文本值。當(dāng)然如果需要獲取選項(xiàng)值,只需如此即可:city[i].value.

至此,通過以上方法在IE下已能達(dá)到所要的結(jié)果。但是,在FIREFOX下測(cè)試時(shí),發(fā)現(xiàn)此法不起作用,最后通過查閱資料發(fā)現(xiàn)另外一個(gè)方法。將city[i].innerText 改為 city[i].text即可。這種方法對(duì)IE及FIXEFOX都適用!
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 德化县| 平果县| 甘泉县| 凤冈县| 温泉县| 阜平县| 古蔺县| 双鸭山市| 长岭县| 中卫市| 东乌珠穆沁旗| 旬阳县| 尉氏县| 仙桃市| 五台县| 黎城县| 且末县| 常熟市| 离岛区| 平远县| 长兴县| 临沧市| 伊金霍洛旗| 修水县| 婺源县| 措美县| 杭州市| 开鲁县| 漳浦县| 平泉县| 东乌珠穆沁旗| 龙里县| 吴川市| 平和县| 阿瓦提县| 丁青县| 密山市| 田阳县| 南乐县| 凤城市| 峡江县|