JS獲取select的值

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

操做1、獲取所選擇項顯示的文字web

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

若當前選中「選項二」,則這種方式所取的結果爲:選項二orm

操做2、獲取所選擇項的valueget

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

若當前選中「選項二」,則這種方式所取的結果爲:2io

操做3、獲取當前選擇項表單

document.getElementByIdx(‘s1’).selectedIndexselect

若當前選中「選項一」,則這種方式所取的結果爲:1webkit

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

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

怎麼樣? 其實很簡單的吧,但願能給初學者一個啓示!

相關文章
相關標籤/搜索