關於JS獲取select的值(value和text)
阿新 • • 發佈:2019-01-03
原文地址: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屬性值’];這種方式來獲取。
怎麼樣? 其實很簡單的吧,希望能給初學者一個啟示!