javascript獲取下拉列表框當中的文本值示例代碼_javascript技巧
來源：懂視網
責編：小采
時間：2020-11-27 21:12:15
javascript獲取下拉列表框當中的文本值示例代碼_javascript技巧
javascript獲取下拉列表框當中的文本值示例代碼_javascript技巧:近日碰到一個問題，就是需要將用戶點擊下拉列表當中某個選項后，將其所選的內容保存起來，例如下面的HTML代碼： 代碼如下: 北京 上海 廣州 也就是說當用戶選擇上海這一列時，需要將上海這個名稱保存起來。其實方法很簡單。看下面javascri
導讀javascript獲取下拉列表框當中的文本值示例代碼_javascript技巧:近日碰到一個問題，就是需要將用戶點擊下拉列表當中某個選項后，將其所選的內容保存起來，例如下面的HTML代碼： 代碼如下: 北京 上海 廣州 也就是說當用戶選擇上海這一列時，需要將上海這個名稱保存起來。其實方法很簡單。看下面javascri
近日碰到一個問題，就是需要將用戶點擊下拉列表當中某個選項后，將其所選的內容保存起來，例如下面的HTML代碼：
代碼如下:
也就是說當用戶選擇“上海”這一列時，需要將“上海”這個名稱保存起來。其實方法很簡單。看下面javascript代碼：
代碼如下:
function isSelected(value) {
var cityName;
var city = document.getElementById("city");
//獲取選中的城市名稱
for(i=0;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都適用！
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
javascript獲取下拉列表框當中的文本值示例代碼_javascript技巧
javascript獲取下拉列表框當中的文本值示例代碼_javascript技巧:近日碰到一個問題，就是需要將用戶點擊下拉列表當中某個選項后，將其所選的內容保存起來，例如下面的HTML代碼： 代碼如下: 北京 上海 廣州 也就是說當用戶選擇上海這一列時，需要將上海這個名稱保存起來。其實方法很簡單。看下面javascri
