1. 程式人生 > >關於JS獲取select的值(value和text)

關於JS獲取select的值(value和text)

原文地址:http://blog.sina.com.cn/s/blog_66af0af20100io6q.html



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

操作一、獲取所選擇項顯示的文字

document.getElementByIdx(‘s1’).options[document.getElementByIdx(‘s1’).selectedIndex].text

若當前選中“選項二”,則這種方式所取的結果為:選項二

操作二、獲取所選擇項的value

document.getElementByIdx(‘s1’).options[document.getElementByIdx(‘s1’).selectedIndex].value

若當前選中“選項二”,則這種方式所取的結果為:2

操作三、獲取當前選擇項

document.getElementByIdx(‘s1’).selectedIndex

若當前選中“選項一”,則這種方式所取的結果為:1

這裡對於select必須得有id屬性,才能採用getElementById獲取該控制元件,這點需要注意。

另外,對於PHP獲取頁面所提交的Select控制元件的值,需要Select控制元件得有name屬性,在PHP內獲取表單上的Select控制元件資料時,採用$s = $_POST[‘select的name屬性值’];這種方式來獲取。

怎麼樣? 其實很簡單的吧,希望能給初學者一個啟示!