获取下拉框选中的label

简介:

1,如何获取下拉框选中的文本(不是值)呢?

Js代码   收藏代码
  1. var selectedIndex = $houseBuilding.get(0).selectedIndex;  
  2. var selectedOption = $houseBuilding.get(0).options[selectedIndex];  
  3. var selectHouse = selectedOption.label;  
  4. if (!selectHouse) {  
  5.     selectHouse = selectedOption.text;  
  6. }  

 

抽取为一个js方法:

Js代码   收藏代码
  1. /** 
  2.  * select component 
  3.  */  
  4. com.whuang.hsj.getSelectedOptionLabel = function(selectObj) {  
  5.     if (typeof selectObj == 'string') {  
  6.         selectObj = com.whuang.hsj.$$one(selectObj);  
  7.         if(selectObj==null ||selectObj==undefined){  
  8.             selectObj=com.whuang.hsj.$$id(selectObj);  
  9.         }  
  10.     }  
  11.     var selectedIndex = selectObj.selectedIndex;  
  12.     if (selectedIndex >= 0) {// omit the first option  
  13.         var selectOption = selectObj.options[selectedIndex];  
  14.         /*if ("textContent" in selectOption) {// textContent is specific to 
  15.             // Internet explorer and firefox has 
  16.             // no this attribute 
  17.             return selectOption.textContent; 
  18.         } else { 
  19.             return selectOption.label; 
  20.         }*/  
  21.         return selectOption.textContent || selectOption.label || selectedOption.text;  
  22.   
  23.     } else {  
  24.         return "";  
  25.     }  
  26.   
  27. };  

 

2,应用

Js代码   收藏代码
  1. if (data.result == 1) {  
  2.                toast_hwShortCenter("投票成功");  
  3.            } else if (data.result == 2) {  
  4.                toast_hwShortCenter("您还没有登录");  
  5.                window.user = null;  
  6.                window.sessionId = null;  
  7.            } else if (data.result == 3) {  
  8.                toast_hwShortCenter("您已经投票过");  
  9.                 
  10.                alert('目前 "' + com.whuang.hsj.getSelectedOptionLabel($houseBuilding.get(0)) + '" 总投票数为:' + data.voteCount);  
  11.            } else {  
  12.                toast_hwShortCenter('未知错误');  
  13.            }  

 

相关文章
|
17天前
单选框设置默认选中
单选框设置默认选中
16 1
|
3月前
点击div显示下拉框,然后下拉框中的点击事件不生效。
点击div显示下拉框,然后下拉框中的点击事件不生效。
|
11月前
自定义复选框CheckBox的样式
自定义复选框CheckBox的样式
|
12月前
|
存储 关系型数据库 MySQL
Easyui datagrid combobox输入框下拉(取消)选值和编辑已选值处理
Easyui datagrid combobox输入框下拉(取消)选值和编辑已选值处理
346 0
【Layui】关于单选框的选中状态,下拉框默认显示
【Layui】关于单选框的选中状态,下拉框默认显示
598 0
【Layui】关于单选框的选中状态,下拉框默认显示
|
JavaScript 前端开发
select 下拉框不可选中
• disabled属性 • 定义和用法 • 浏览器支持 • 实例 • 业务应用 • 移除disabled属性
|
JSON 前端开发 JavaScript
关于checkbox自动选中
checkbox是比较常用的,无论是权限管理还是博客的文章的标签类型的勾选,或者是上下级部门及其公司,都会用的到的。 今天主要讲的是checkbox自动根据值选中。 可参考我之前的文章:checkbox选中并通过ajax传数组到后台接收 js代码: //截取URL参数 function GetRequest() { var fullURL = window.
1286 0