js獲取select下拉選單中option項的數目
本章節介紹一下如何獲取一個select下拉選單中含有的option元素的數量,下面就通過程式碼例項做一下簡單介紹。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> function getLength(){ alert(document.getElementById("sel").length); } window.onload=function(){ var obt=document.getElementById("bt"); obt.onclick=function(){ getLength(); } } </script> </head> <body> <select id="sel"> <option>螞蟻部落一</option> <option>螞蟻部落二</option> <option>螞蟻部落三</option> <option>螞蟻部落四</option> </select> <input type="button" id="bt" value="檢視數量"/> </body> </html>
以上程式碼實現了我們的要求,點選按鈕可以彈出select下拉選單中option項的數目。也可以使用如下方式:
[JavaScript] 純文字檢視 複製程式碼document.getElementById("sel").options.length
options屬效能夠獲取option元素集合,使用length屬性即可獲取數量。
相關文章
- js獲取select下拉選單的所有option項JS
- jquery獲取select下拉選中option項的value值jQuery
- JavaScript 獲取select下拉選單所有optionJavaScript
- js如何獲取select下拉選單的預設選中項JS
- js獲取當前select下拉選單選中項的值JS
- 如何設定select下拉選單option項顯示的數目
- 獲取select下拉選單預設選中項的索引索引
- 選中select下拉選單option項實現提交效果
- 原生js如何獲取選中的select下拉項的值JS
- js如何互換兩個select下拉選單的option項JS
- js如何動態為select下拉選單新增option項JS
- 如何清空select下拉選單的所有option項
- jquery如何獲取select下拉選單選中項的值和文字jQuery
- javascript獲取select下拉選單所有項的內容JavaScript
- jquery select下拉選單新增或者刪除option項jQuery
- jQuery刪除select下拉選單中所有option項jQuery
- js獲取select下拉選單的value和文字值JS
- 獲取選中select下拉選單的value屬性值
- 如何在select下拉選單的指定索引位置插入option項索引
- 通過ajax方式動態新增select下拉選單的option選項
- 刪除和新增select下拉選單option項程式碼例項
- 更改select下拉選單項獲取對應的值和文字
- 選中select下拉選單項提交表單
- javascript新增和刪除select下拉選單option項程式碼例項JavaScript
- jquery實現的獲取選中select下拉選單的值和文字jQuery
- 兩個select下拉選單的option相互移動
- 設定select下拉選單的預設選中項
- js獲取select選中項的值和文字內容JS
- javascript獲取select下拉選單框的value和text值JavaScript
- select下拉選擇第一個選項為空白、option無法選中的解決辦法,
- select下拉選單新增不重複項
- 選中select下拉選單第一項不觸發事件事件
- jQuery實現的獲取select下拉選單的text和value值jQuery
- js自定義select下拉選單效果JS
- js模擬實現select下拉選單程式碼例項JS
- jquery實現的獲取select下拉選單value和文字內容jQuery
- AngularJS下拉選單select在option動態變化之後多出了一個錯誤項的問題AngularJS
- select下拉選單美化程式碼例項