首頁  >  文章  >  php教程  >  Select下拉方塊選取和取值的解決方法

Select下拉方塊選取和取值的解決方法

高洛峰
高洛峰原創
2016-12-06 09:11:071801瀏覽

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

這個很好解決:

如下:

<div class="page-header">
<div class="form-horizontal">
<div class="control-label col-lg-0">
</div>
<div class="col-lg-2">
<select class="form-control" onchange="selectOnchang(this)">
<option>男装</option>
<option>女装</option>
<option>童装</option>
<option已通过审核商家</option>
</select>
</div>
</div>

   

JS:

function selectOnchang(obj){
//获取被选中的option标签选项
alert(obj.selectedIndex);
}

   

的利用

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


onchange 事件也可用於單選方塊與複選框變更後觸發的事件。

selectedIndex: 設定或傳回下拉清單中被選項目的索引號。

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

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

<div class="page-header">
<div class="form-horizontal">
<div class="control-label col-lg-0">
</div>
<div class="col-lg-2">
<select class="form-control" onchange="selectOnchang(this)">
<option value="men">男装</option>
<option value="wemen">女装</option>
<option value="childe">童装</option>
<option value="yunfu">孕妇装</option>
</select>
</div>
</div>

   

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

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

function selectOnchang(obj){
var value = obj.options[obj.selectedIndex].value;
alert(value);
}

   

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn