1. 程式人生 > >JS獲取select標籤中option的個數

JS獲取select標籤中option的個數

<select id="status" onmousedown="if (this.options.length> 3) this.size=3;" onchange="this.size=0" >
    <option value="0">待稽核</option>
    <option value="1">未通過稽核</option>
    <option value="2">製作中</option>
    <option value="3">製作完成</option>
    <option value="4">釋出</option>
    <option value="5">暫停</option>
    <option value="6">刪除</option>
</select>

通過: this.options.length 就可以獲取到。

this.size可以限制select顯示option的個數,如果超出該範圍會出現可滾動,如overflow:auto行間樣式的效果。

使用this.size之後,select預設的樣式就會被修改,則可以自己新增option的事件,並修改樣式。

如果想要實現完整的功能,還需要自己去新增。

相關推薦

JS獲取select標籤option個數

<select id="status" onmousedown="if (this.options.length> 3) this.size=3;" onchange="this.size=0" > <option value="0">待

js獲取select標籤選中的值

var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 選中索引 var text = obj.options[index].text

原生js獲取select標籤選中值

this.selectedIndex; // 選中的索引 this.options[_index].text; // 選中的文字 this.options[_index].value; // 選中的值

清空select標籤option選項的4種不同方式

轉自:https://blog.csdn.net/pt_sm/article/details/53521560 方法一  document.getElementById("selectid").options.length = 0;  方法二 

【解決】SELECT標籤OPTION的顯隱控制(相容IE)

轉載地址:https://blog.csdn.net/sanyuedexuanlv/article/details/26455925      ,感謝大大! 問題描述: 在有些功能切換的時候,select標籤中的某些option是要被隱藏的。但通過設定optio

SELECT標籤OPTION的顯隱控制(相容IE和Safari)

問題描述: 在有些功能切換的時候,select標籤中的某些option是要被隱藏的。但通過設定option的樣式為 display:none根本無法隱藏option標籤。 解決方案: 1、首先設定option的display:none的方案肯定是不可行了; 2、在op

js/jQuery select標籤 獲取值/option 選中事件

前言     select標籤是常規下拉選單的第一選擇     常用的select標籤形式 <select id="test" name=""> <option va

js獲取富文字的第一張圖片url正則公式及去除字串裡面的html標籤的正則公式

js獲取富文字中的第一張圖片url正則公式及去除字串裡面的html標籤 後臺發來一個富文字字串裡面可能包含了0、1、2、3…個圖片標籤(img),我們的任務是獲取這個字串裡面第一張圖片的url,如果沒有圖片則返回空 var imgUrlFun = function(str){

HTML獲取select選中的option節點

當我們想要獲取select標籤選中的option值value外,我們還希望獲取option標籤上的其它值,我們可以這麼做: <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs

js獲取select下拉框的值

現在有一id為userType的下拉框,怎麼獲取選中的值: 1 使用者型別: 2 <select name="type" id="userType"> 3 <option value="0">請選擇</option> 4 <option v

js動態新增select標籤option

js程式碼: var featureLayerURLTest=[["http://192.168.15.174:6080/arcgis/rest/services/Sample/GQYDGH/FeatureServer/0","線圖層1"]]; function createSelectOp

Js標籤屬性 關於在JS設定標籤屬性 js和jquery通過this獲取html標籤的屬性值

關於在JS中設定標籤屬性 2017-10-09 23:04 by 清風221, 12790 閱讀, 0 評論, 收藏, 編輯 Attribute 該屬性主要是用來在標籤行內樣式,新增、刪除、獲取屬性。且適用於自定義屬性。

js動態獲取select選中的option

 最近在寫報表管理模組時,需要通過條件去篩選符合條件的資料,篩選條件用的佈局有select,input等。在除錯的過程中一直獲取不到select選中的option。於是就查詢些資料,發現用select的selected屬性可以獲取到option的值。下面通過demo來演示: 通過2種方式: 一、jquery方

Js 獲取表單標籤的值

初學JavaScript,但由於Js的語言特性,以及用法靈活多樣,常常不知所措,但是總的來說,學好一門語言很難,想要很好的運用更難,不過我們可以選擇一些適合自己的用法即可,並不需要面面俱到,能夠解決問題就行。 寫此博文,只是想記錄下一些自己學習的東

JS獲取selectoption的值

<select id="s1" name="s1"> <option selected="selected" value="1">選項一</option> <option value="2">選項二</option>

有關在html修改select標籤option selected預設選中屬性實現

著急想要解決辦法的朋友可以直接看最後的內容:}一般我們使用select標籤時大概都會使用到option標籤來填充下拉框中的內容只有幾個固定的內容寫死在頁面還好,可能是這樣的:<select name="type"type="text">             

js獲取頁面url的各項值

js一、 通過window.location獲取各項參數1、獲取頁面完整的urlurl = window.location.href;2、獲取頁面的域名host = window.location.host;host2=document.domain; 應用場景:頁面跳轉,開發環境和測試環境域名不同,所以需要

JS獲取select下拉框選中的value或者其name

text single nbsp -s 舉例 sta c-s jquer hid 舉例: <select class="js-example-basic-single js-states" style="width: 300px" name="hid" id="hi

C#實現獲取枚舉元素個數的方法

ger ref splay ogre strong sharp lock scrip line 本文以一個簡單實例講述了C#實現獲取枚舉中元素個數的方法,對於C#學習來說是需要加以牢固掌握的技巧。分享給大家供大家參考之用。具體如下: 實現該功能可以使用枚舉基類System

js獲取數組最大值和最小值

ply 最大值 min pan 最小數 mat max 最大值和最小值 pre var max = Math.max.apply(null, 數組); 獲取最大值 var min = Math.min.apply(null, 數組);獲取最小值 一句話獲取數組中最大的數