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属性值’];这种方式来获取。

怎么样? 其实很简单的吧,但愿能给初学者一个启示!

相关文章
相关标签/搜索