麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

javascript獲取下拉列表框當中的文本值示例代碼

2019-11-20 22:29:02
字體:
來源:轉載
供稿:網友
近日碰到一個問題,就是需要將用戶點擊下拉列表當中某個選項后,將其所選的內容保存起來,例如下面的HTML代碼:
復制代碼 代碼如下:

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

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

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; //關鍵點
alert("cityName:" + cityName);
}
}

也可以這么做:
復制代碼 代碼如下:

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

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

在javascript函數當中,通過domcument對象獲取當前下拉框的節點元素,由于節點的值并非只有一個,所以我們可以通過循環節點來得到每個選項的值。在循環的時候通過判斷當前選項是否選中,如果選中則使用city[i].innerText 方式獲取當前所選中的文本值。當然如果需要獲取選項值,只需如此即可:city[i].value.

至此,通過以上方法在IE下已能達到所要的結果。但是,在FIREFOX下測試時,發現此法不起作用,最后通過查閱資料發現另外一個方法。將city[i].innerText 改為 city[i].text即可。這種方法對IE及FIXEFOX都適用!
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 欧美一级黄色免费看 | 99激情| 99视频网| 神秘电影91 | 亚洲国产网站 | 欧美成人激情 | 成人精品久久 | 成人在线网站 | 视频一区 在线 | 视频一区国产 | 国产精品久久久久久久av | 成人爱爱电影 | 久久免费视频8 | 久草在线综合网 | 狠狠久久| 粉嫩粉嫩一区二区三区在线播放 | 91久久国产综合精品女同国语 | 欧美一级黄色片免费观看 | 一级毛片免费一级 | 免费国产视频在线观看 | 久久美女色视频 | 久久久三级免费电影 | 4p嗯啊巨肉寝室调教男男视频 | 国产精品99久久久久久久女警 | 欧洲黄色一级视频 | 91久久国产露脸精品国产护士 | av手机在线免费播放 | 国产乱乱视频 | 中文字幕在线播放视频 | 五月婷婷第四色 | 99爱视频在线观看 | 精品乱码久久久久 | 日韩视频一区二区三区在线观看 | 国产精品夜色视频一级区 | 午夜视频在线免费观看 | 日日草日日干 | 超碰99在线观看 | 黄片毛片一级 | 青草av.久久免费一区 | 精品国产高清一区二区三区 | 久久精品亚洲欧美日韩精品中文字幕 |