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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 15:49:39
字體:
供稿:網(wǎng)友
需要將用戶點(diǎn)擊下拉列表當(dāng)中某個(gè)選項(xiàng)后,將其所選的內(nèi)容保存起來,下面與大家分享下如何使用js獲取下拉列表框文本值,由此需求的朋友可以參考下

近日碰到一個(gè)問題,就是需要將用戶點(diǎn)擊下拉列表當(dāng)中某個(gè)選項(xiàng)后,將其所選的內(nèi)容保存起來,例如下面的HTML代碼:

復(fù)制代碼 代碼如下:


<select onchange="isSelected(this.value);">
<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ā)表

圖片精選

主站蜘蛛池模板: 喀喇沁旗| 龙泉市| 曲阜市| 乾安县| 云梦县| 鄂州市| 治多县| 紫云| 梁平县| 陆河县| 辽中县| 新龙县| 克什克腾旗| 台湾省| 太和县| 衡东县| 清涧县| 巫溪县| 霍城县| 东海县| 增城市| 潜山县| 肥城市| 南昌县| 南昌市| 托克逊县| 昂仁县| 正宁县| 台山市| 安义县| 弥渡县| 库伦旗| 临武县| 唐海县| 广安市| 洛隆县| 石泉县| 十堰市| 鞍山市| 荣昌县| 昆明市|