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>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13

JS:

function selectOnchang(obj){  
 //獲取被選中的option標籤選項 
 alert(obj.selectedIndex);
}

• 1
• 2
• 3
• 4

• 1
• 2
• 3
• 4

這裡利用的就是onchange和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>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13

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

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

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