`

获取下拉框选中的label

阅读更多

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

var selectedIndex = $houseBuilding.get(0).selectedIndex;
var selectedOption = $houseBuilding.get(0).options[selectedIndex];
var selectHouse = selectedOption.label;
if (!selectHouse) {
    selectHouse = selectedOption.text;
}

 

抽取为一个js方法:

/**
 * select component
 */
com.whuang.hsj.getSelectedOptionLabel = function(selectObj) {
	if (typeof selectObj == 'string') {
		selectObj = com.whuang.hsj.$$one(selectObj);
		if(selectObj==null ||selectObj==undefined){
			selectObj=com.whuang.hsj.$$id(selectObj);
		}
	}
	var selectedIndex = selectObj.selectedIndex;
	if (selectedIndex >= 0) {// omit the first option
		var selectOption = selectObj.options[selectedIndex];
		/*if ("textContent" in selectOption) {// textContent is specific to
			// Internet explorer and firefox has
			// no this attribute
			return selectOption.textContent;
		} else {
			return selectOption.label;
		}*/
		return selectOption.textContent || selectOption.label || selectedOption.text;

	} else {
		return "";
	}

};

 

2,应用

 if (data.result == 1) {
                toast_hwShortCenter("投票成功");
            } else if (data.result == 2) {
                toast_hwShortCenter("您还没有登录");
                window.user = null;
                window.sessionId = null;
            } else if (data.result == 3) {
                toast_hwShortCenter("您已经投票过");
               
                alert('目前 "' + com.whuang.hsj.getSelectedOptionLabel($houseBuilding.get(0)) + '" 总投票数为:' + data.voteCount);
            } else {
                toast_hwShortCenter('未知错误');
            }

 

  • 大小: 69.6 KB
0
2
分享到:
评论

相关推荐

    在Vue 中获取下拉框的文本及选项值操作

    label-position right ref=ruleForm u6807记的 status-icon size=small inline :rules rules label-width=150px class> <el class=addProductA label=产品名称 prop=productKind> <!-- <el-input v-model....

    element-ui 关于获取select 的label值方法

    本文将详细讲解如何在Element UI中获取`el-select`组件选中的`label`值,以及如何同时获取`value`和`label`的值。 1. 获取`el-select`的`label`值: 在Element UI中,`el-select`的`v-model`绑定的是选中项的`value...

    利用js获取下拉框中所选的值

    现在的需求是:下拉框中要是选择加盟商让其继续选择学校,要是选择平台管理员则不需要选择学校。隐藏选择下拉列表。 选择枚举值: /// /// 平台角色 /// public enum AdministratorRole { [Display(Name = 平台...

    vue Treeselect 树形下拉框:获取选中节点的ids和lables操作

    1.ids: 即value 1.lable: 需要用到方法:@select(node,instanceId) 和 @deselect(node,instanceId) <treeselect ref=DRHA_EFaultModeTree v-model=DRHA_EFaultModeTree_value :multiple=true ...

    select 下拉框可以多选

    例如,使用jQuery,你可以通过以下代码获取所有被选中的选项: ```javascript var selectedOptions = $('select[multiple]').val(); ``` `selectedOptions`将是一个数组,包含了所有被选中的选项的`value`属性值。...

    bootstrap树形下拉框 下拉框树形菜单

    你可以监听树形控件的点击事件,获取选中的节点,并将其值设置到下拉框对应的`<option>`上。 总的来说,"下拉框树"是一种增强用户交互体验的设计,通过Bootstrap和`bootstrap-treeview.js`,我们可以轻松实现这样的...

    html多选下拉框 ,CheckBox的Select组件 可多选的下拉框

    多选下拉框的基本结构通常包括一个隐藏的`<select>`元素和一组可见的`<label>`与`<input type="checkbox">`。每个`<label>`包裹一个`<input>`,并与其关联一个`<option>`,通过`for`属性链接`<input>`与`<option>`...

    下拉框多选select多选

    这将输出一个包含所有选中值的数组。 **六、无障碍性** 在开发过程中,确保多选下拉框对残障人士友好也非常重要。使用`aria`属性和正确的标签可以帮助屏幕阅读器理解组件的功能。 综上所述,"下拉框多选select...

    Layui 设置select下拉框自动选中某项的方法

    本文将详细讲解如何使用Layui设置select下拉框自动选中某项,这对于在用户界面中预填充已有数据或者根据用户行为动态调整界面状态是非常有用的。 1、需求场景分析 在某些业务场景中,例如编辑活动信息,系统可能会...

    vue select 获取value和lable操作

    vue select控件在选择时需要把id和name两个值都获取到,实现方案如下: select控件代码 <FormItem label=物资类型: prop=supplyType> <Select v-model=detailData.supplyType :label-in-value=true ...

    C# MVC 使用LayUI实现下拉框二级联动的功能

    C# MVC 使用LayUI实现下拉框二级联动的功能 C# MVC 中使用 LayUI 实现下拉框二级联动的功能是指在 Web 应用程序中使用 LayUI 库来实现下拉框的二级联动功能,即根据选择的部门来动态加载对应的角色信息。下拉框二级...

    angularjs指令 下拉框

    "angularjs指令 下拉框"这个主题聚焦...在这个例子中,我们学会了如何创建一个自定义的下拉框指令,它能够动态地从控制器获取数据,显示选项,并能双向绑定选中的值。这种能力对于构建复杂且可复用的前端应用至关重要。

    vue+elementui实现下拉框增加checkbox并可全选或取消(完整案例及效果图).zip

    `el-option`是下拉框中的每个选项,通过`v-for`循环遍历`options`数据,`label`和`value`分别代表选项的显示文本和值。`el-checkbox`是用于添加到每个选项中的复选框,其`v-model`绑定到每个选项对象的`checked`属性...

    前端 layui-fromSelects 下拉框多选,搜索

    实现反选功能,可以通过监听 `click` 事件,获取当前选中的值,然后清除这些值。例如: ```javascript $('#exampleSelect').on('click', function() { var selectedValues = $(this).val(); $(this).find('option...

    html的下拉框的几个基本用法

    在这个例子中,当用户改变选择时,会触发一个事件,获取选中的选项值并打印出来。 总结,HTML的下拉框是构建网页表单不可或缺的一部分。通过理解并熟练运用上述基本用法,你可以创建功能丰富且交互性强的表单组件。...

    javascript 下拉框 级联操作

    这个函数可以根据`select1`的选中值从服务器获取新的选项数据,或者从本地存储的数据中筛选匹配项。 为了使级联操作更加流畅,可以考虑以下优化点: 1. **预加载数据**:如果数据量不大,可以在页面加载时就获取...

    Django forms表单 select下拉框的传值实例

    `queryset`参数指定了获取数据的范围,`required=True`表示该字段为必填,`empty_label=None`移除了默认的空选项,`initial="预设值"`则设置了默认选中的值。 接下来,在视图(views.py)中,我们需要创建一个视图...

    jquer实现完美的复选下拉框

    可以设置下拉框的展开和关闭动画,以及选中状态的反馈。同时,添加键盘导航支持,使得用户可以用上下箭头键选择选项,Enter键确认选择,Esc键关闭下拉框。 6. **响应式设计**:考虑到不同设备和屏幕尺寸,复选...

Global site tag (gtag.js) - Google Analytics