关于JS获取select的值(value和text)
2014-02-25 13:57
267 查看
原文地址:http://blog.sina.com.cn/s/blog_66af0af20100io6q.html
操作一、获取所选择项显示的文字
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属性值’];这种方式来获取。
怎么样? 其实很简单的吧,希望能给初学者一个启示!
<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属性值’];这种方式来获取。
怎么样? 其实很简单的吧,希望能给初学者一个启示!
相关文章推荐
- Java Ant build.xml详解
- 在xcode5中添加UITabBarController或者UINavigationController出现下移20px
- Builder模式的误区:将复杂对象的构建进行封装,就是Builder模式了吗?
- request.setAttribute()、session.setAttribute()和request.getParameter()的联系与区别
- Dictionary and KeyValuePair.
- iOS- <项目笔记>UI控件常见属性总结
- EZ GUI Button和Checkbox创建
- C中实现require 和ensure
- java.lang.SecurityException: Permission Denial: starting Intent {} from null not exported from uid
- Arduino 学习
- 分享一个html+js+ashx+easyui+ado.net权限管理系统
- [tfs] How to add report builder into report site
- uiimageview 点击事件
- ZOJ 3349 Special Subsequence(线段树优化DP)
- Is Django's built-in security enough? ( django的安全措施是全面的么?)
- [tfs] report issue: An error has occurred during report processing.
- 蛐蛐儿静态库XQuquerSDK的合并
- 50个Android开发人员必备UI效果源码
- 设置UITableView的section之间的距离
- 一个html+js+ashx+easyui+ado.net权限管理系统