js中获取select 中 option 的文字test和值value js方式和jquery方式
2011-12-20 11:27
513 查看
js
//获取文本text
function test() {
var s = document.getElementById("selecttest")
alert(s.value);
}
//获取值value
function test() {
var s = document.getElementById("selecttest")
alert(s.options[s.selectedIndex].text);
}
jquery
//获取下拉列表选中项的文本
function getSelectedText(obj){
for(i=0;i<obj.length;i++){
if(obj[i].selected==true){
returnobj[i].innerText; //关键是通过option对象的innerText属性获取到选项文本
}
}
}
//获取下拉列表选中项的值
function getSelectedValue(obj){
returnobj.value; //如此简单,直接用其对象的value属性便可获取到
}
</script>
//获取文本text
function test() {
var s = document.getElementById("selecttest")
alert(s.value);
}
//获取值value
function test() {
var s = document.getElementById("selecttest")
alert(s.options[s.selectedIndex].text);
}
jquery
//获取下拉列表选中项的文本
function getSelectedText(obj){
for(i=0;i<obj.length;i++){
if(obj[i].selected==true){
returnobj[i].innerText; //关键是通过option对象的innerText属性获取到选项文本
}
}
}
//获取下拉列表选中项的值
function getSelectedValue(obj){
returnobj.value; //如此简单,直接用其对象的value属性便可获取到
}
</script>
相关文章推荐
- jquery 和 原生js 获取<select><option></option></select>标签的值和文本
- jquery获取select中的option的text值
- jQuery获取select中选中的option的值和自定义属性的值
- JS,jQuery获取select标签中选中值的方法
- js实现删除select下拉框对应option(旧版本,现版本可以直接jQuery显示或隐藏,兼容IE)
- jquery获取select中已经选择的option中的text文本
- 通过JQUERY获取SELECT OPTION中选中的值
- Jquery获取select标签的值、文本方式
- jQuery/Zepto.js获取datalist元素指定option选项的属性值
- Jquery获取select选中的option的文本信息
- jquery及原生js获取select下拉框选中的值示例
- JS、jQuery操作页面中所有select选中第一个option
- jquery获取radio选中的值,checkbox选中的值,select选中的值,select选中option的name
- jQuery(js)获取文字宽度(显示长度)示例代码
- jQuery获取select标签中选中的option的value值和文本
- JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
- jquery获取select中的option的text值
- js和Jquery获取选中select值和文本
- js获取select标签选中值的两种方式
- js和Jquery获取选中select值和文本对比