SelecT下拉框選中和取值的方法

2021-07-24 19:20:55 字數 1234 閱讀 8152

select下拉框的問題,想在選擇乙個選項後,前台顯示做出變動,並且知道選擇的是第幾個選項。 

這個很好解決: 

如下:

class="page-header">

class="form-horizontal">

class="control-label col-lg-0">

div>

class="col-lg-2">

class="form-control"

onchange="selectonchang(this)">

**option>

**option>

童裝option>

已通過審核商家

option>

select>

div>

div>

js:

function

selectonchang

(obj)

這裡利用的就是onchange和selectedindex。

onchange 事件會在域的內容改變時發生。 

onchange 事件也可用於單選框與核取方塊改變後觸發的事件。

selectedindex: 設定或返回下拉列表中被選項目的索引號。

這樣,在我們改變選項時就會觸發改事件。 

這樣做,我們只能獲得選中哪項,而如果我們選中哪項,需要傳遞特殊的資訊,這個時候該怎麼辦呢。

class="page-header">

class="form-horizontal">

class="control-label col-lg-0">

div>

class="col-lg-2">

class="form-control"

onchange="selectonchang(this)">

value="men">**option>

value="wemen">**option>

value="childe">童裝option>

value="yunfu">孕婦裝option>

select>

div>

div>

也就是說,我在選中的同時,想獲得那個value值,這個時候怎麼做。

這裡只用一種方法實現,其他的方法應該還有很多。

function selectonchang(obj)

Layui獲取select搜尋下拉框選中的值

小陳同學拿了一段 來問我說為什麼拿不到搜尋下拉框中選中的值,我也不知道為什麼拿不到,先貼上 再說。使用layui的搜尋下拉框 型別 請選擇型別 if list?list list as t selected selected layui.use form function 當沒有新增 lay sea...

關於select 下拉框取值

1.獲取選中的下拉框的索引 var index document.getelementbyid id selectedindex 得到選中項的索引 var department document.getelementbyid id options index text.trim 得到選中項的text...

easyui獲取下拉框選中的value

easyui select combobox 獲取下拉選項值 請選擇手機 電腦相機 一般情況下,在開發中獲取下拉框選項值,我們會用 js var category document.getelementbyid select value jq var category select val 但在ea...