Js获取下拉框当前选择项的文本和值
来源:互联网 发布:矩阵霸主音响套装 编辑:程序博客网 时间:2024/06/07 20:19
临时用到 引过来。
原文地址:http://www.cnblogs.com/djgs/p/3691979.html
现在有一个Id为AreaId的下拉框,要获取它当前选择项的文本和值有以下方法:
<span class="red">* </span>地 区:<span> <select id="AreaId" name="AreaId" size="1" class="sel"> <option>-请选择地区-</option> <option value="1">北京</option> <option value="2">上海</option> <option value="3">深圳</option> </select></span>
方法一:使用JavaScript原生态的方法.
1.获取值:
document.getElementById("AreaId").value;//有效,能得到正确的值.
var index=document.getElementById("AreaId").selectedIndex;//获取当前选择项的索引.
document.getElementById("AreaId").options[index].value;//获取当前选择项的值.
var obj=document.getElementById("AreaId");
for(i=0;i<obj.length;i++) {//下拉框的长度就是它的选项数.
if(obj[i].selected==true) {
var text=obj[i].value;//获取当前选择项的值.
}
}
2.获取文本:
var index=document.getElementById("AreaId").selectedIndex;//获取当前选择项的索引.
document.getElementById("AreaId").options[index].text;//获取当前选择项的文本.
document.getElementById("AreaId").options[index].innerHTML;//获取当前选择项的文本.
var obj=document.getElementById("AreaId");
for(i=0;i<obj.length;i++) {//下拉框的长度就是它的选项数.
if(obj[i].selected==true) {
var text=obj[i].text;//获取当前选择项的文本.
}
}
document.getElementById("AreaId").text;//注意,这句代码无效,得到的结果为undefined.
方法二:使用JQuery方法(前提是已经加载了jquery库).
1.获取值:
$("#AreaId").val();//获取当前选择项的值.
var options=$("#AreaId option:selected");//获取当前选择项.
options.val();//获取当前选择项的值.
2.获取文本:
var options=$("#AreaId option:selected");//获取当前选择项.
options.text();//获取当前选择项的文本.
options.innerHTML();//获取当前选择项的文本.
$("#AreaId").text;//注意,这句代码无效,得到的结果为undefined.
其他属性:
innerText:
var index=document.getElementById("AreaId").selectedIndex;//获取当前选择项的索引.
document.getElementById("AreaId").options[index].innerText;//获取当前选择项的文本,IE支持,Firefox不支持.
document.getElementById("AreaId").innerHTML;//获取当前下拉框所有的元素,包括Html代码.注意大小写.
document.getElementById("AreaId").textContent;//获取当前下拉框中所有的选择项文本,不包括Html代码.
阅读全文
0 0
- Js获取下拉框当前选择项的文本和值
- Js获取下拉框当前选择项的文本和值
- jquery---如何获取select下拉框当前选择的文本
- Js获取下拉框的文本值
- js获取下拉框(DropDownList)当前值
- js获取下拉框的文本以及值
- js/jq 获取select下拉框的文本值和value值
- 获取下拉框文本的值
- js获取当前选择的对象
- js获取select选择部分的文本、值
- JQuery 增加、删除表格div层文本内容的JS代码 和仿select个性下拉框选择效果JS代码
- 如果用JavaScript获取标准下拉框的"选中值"和"选中文本"
- 使用用JavaScript或Jquery获取标准下拉框的"选中值"和"选中文本"
- 使用JavaScript或Jquery获取标准下拉框的"选中值"和"选中文本"
- js获取下拉框的值
- JS获取下拉框选中的值
- JS获取下拉框的值
- js获取select下拉框的值
- LeetCode 310. Minimum Height Trees
- Ubuntu/Linux Mint上安装Atom
- Spring 基于注解的配置(三)(@Resource,@PostConstruct ,@PreDestory)
- WIN32API之常用进程、线程函数
- Construct2入门
- Js获取下拉框当前选择项的文本和值
- 第四章 决策树
- JNDI到底是什么?
- 前端和后端交互的一些原规范问题
- 百度云虚拟主机中的网站不能加载静态js、css和images等文件的解决方案
- CSS定位
- 如何快速转载CSDN中的博客
- Python MySQL批量爆破工具多线程版
- Selenium 与 Spynner 切换frame(iframe)方法对比