获取下拉框选中的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.            }  

 

相关文章
|
8月前
单选框设置默认选中
单选框设置默认选中
86 1
|
8月前
|
前端开发
解决elementUI弹出框关闭后再打开el-select下拉框无法选中的问题
解决elementUI弹出框关闭后再打开el-select下拉框无法选中的问题
205 0
|
8月前
|
JavaScript
Element_select 选择器 选中框中显示不了选中的值
解决Vue中`el-select`选择器不显示选中值的问题:在`selectChanged`方法中添加`this.$forceUpdate()`,强制组件更新,使输入框显示选择的值。示例代码包括模板和方法。
1008 2
|
6月前
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
89 1
|
6月前
element UI实现输入建议下拉列表 —— el-select filterable可筛选的下拉列表 or 带输入建议的输入框 el-autocomplete ?
element UI实现输入建议下拉列表 —— el-select filterable可筛选的下拉列表 or 带输入建议的输入框 el-autocomplete ?
315 0
|
8月前
点击div显示下拉框,然后下拉框中的点击事件不生效。
点击div显示下拉框,然后下拉框中的点击事件不生效。
element-plus 下拉框实现全选功能
element-plus 下拉框实现全选功能
1476 0
【Layui】关于单选框的选中状态,下拉框默认显示
【Layui】关于单选框的选中状态,下拉框默认显示
661 0
【Layui】关于单选框的选中状态,下拉框默认显示
【Layui】对于列表页复选框只有选中时才会显示
【Layui】对于列表页复选框只有选中时才会显示
187 0
【Layui】对于列表页复选框只有选中时才会显示
【mpvue】radio-group 标签组 点击两次 label才可以选中状态
1.问题复现 用 radio-group 标签组实现单选功能,点击两次才可以使 label 呈现选中状态,但是e.target.value 的值已经发生变化了。
333 0