select获取选中的option(包含value和text,重点是text怎么获取)
简单描述:后台需要获取到select标签选择的内容,也就是text,该怎么取呢?很简单。
代码:
//hml代码
<div class="col-md-6">
<label class="control-label flex" style="margin-top: 10px;">
机构<span class="star align-items">*</span>
</label>
<select id="orgnize" class="form-control js-example-basic-single" placeholder="请选择机构">
<option th:each="orgnizeObj : ${orgnizes}" th:value="${orgnizeObj.orgnizeId}"
th:text="${orgnizeObj.orgnizeName}"
xmlns:th="http://www.w3.org/1999/xhtml"></option>
</select>
<input type="hidden" value="" name="orgnizeId" id="orgnizeId"/>
<input type="hidden" value="" name="orgnizeName" id="orgnizeName"/>
</div>
//js代码
$("#orgnize").select2({
placeholder:'请选择机构',
allowClear:true
});
$("#orgnize").val(null).trigger("change");
$("#orgnize").on("change",function () {
var seled = $(this).val();
$("#orgnizeId").val(seled);
var orgnizeName = $("#orgnize option:selected").text();
$("#orgnizeName").val(orgnizeName);
});
另外我还找了别的,都行得通的:
//other
$("#orgnize option:selected").val()取值
$("#orgnize option:selected").text()取文本 $("#orgnize").find("option:selected").val()//取值
$("#orgnize").find("option:selected").text()//取文本 var item = $("#orgnize").selectedIndex//获取选中项的索引
$("#orgnize").options[item].val();//取值
$("#orgnize").options[item].text();//取文本 //其他获取选中项索引的方法
var item = $("#orgnize").get(0).selectedindex;//item为索引值
$('#orgnize').prop('selectedIndex');
$('option:selected', '#orgnize').index();
$('#orgnize option').index($('#orgnize option:selected'))
select获取选中的option(包含value和text,重点是text怎么获取)的更多相关文章
- js获取select默认选中的Option (非当前选中值)
js函数方法: <script> function getDefaultSelectedOption(selectId, valIfNull) { var selectId = selec ...
- JS获取select被选中的option的值
一:JavaScript原生的方法 1:拿到select对象: var myselect=document.getElementById(“test”); 2:拿到选中项的索引:var index=m ...
- [thml]HTML select标签 获取选中的option的value及Text内容
很简单的select标签: <select id="hello" onchange="getContent(this.value,this.options[this ...
- 获取select被选中的option的值
<select id="select"> <option>绥江</option> <option>西江</ ...
- select选项改变时获取选中的option的值
本来天真的以为直接this.value()就能去到select的值,可事实并非那么回事. <script> document.getElementById('select').onchan ...
- layui select渲染获取选中的option
关键代码如下: form.on('select(groupCode)', function(data){ console.log($(data.elem).find("option:sele ...
- 获取select text 值 得获取选中的option
$("#magSeaTypeSelect option:selected").text();
- 用jquery获取select标签中选中的option值及文本
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
- JavaScript获取Select下拉框Option的Value和Text值的方法
Js获取select下拉列表框各个Option的Value值相对比较容易,不过获取Text值却有点麻烦,对于一个初学JavaScript的 新手来说,可能一时还无从下手,那么就请看下本文的方法,以一个 ...
随机推荐
- windows环境下memcache相关配置及PHP加载相应模块(php7版本)
原文:https://blog.csdn.net/zhangatle/article/details/77504094 亲测安装成功 php 7.0 nts 86 第一步,首先下载windows版本的 ...
- 内存管理中提到的hot cold page
所谓冷热是针对处理器cache来说的,冷就是页不大可能在cache中,热就是有很大几率在cache中. cold page和hot page的概念可以参考LWN的一片文章http://lwn.net/ ...
- JS自动微信消息轰炸
打开网页版本微信,按f12,以console台 输入下边这段代码 setInterval(function(){$('.edit_area').html('需要发送的文字');$(".edi ...
- Node.js的事件处理机制
1. 为什么Node.js是单线程执行的 因为从JavaScript设计之初,JavaScript是用户与浏览器交互的,主要处理DOM: 这样决定了JavaScript是单线程执行,否则会出现问题:例 ...
- Python——递归函数
1.定义:在自己的函数,调用自己 2.递归的最大内存不能超过997层 import sys sys.setrecursionlimit(1000000) 可以达到电脑理论的最大次 import s ...
- Python——collections模块(扩展数据类型)
1.namedtuple:利用坐标.空间坐标,扑克牌等指定空间位置 # namedtuple('名字',[list列表属性])from collections import namedtuple Po ...
- QT出现应用程序无法正常启动0xc000007b的错误
最近做了一个成绩管理系统,打包好后,运行他的exe可执行文件时,出现了如下图的错误提示: 在网上查阅了很多资料,其中有篇文章给了我很大的启示和帮助,文章地址http://www.cnblogs.com ...
- 2018ICPC青岛现场赛 重现训练
先贴代码,以及简要题解. 和一个队友下午双排打了一下,队友光速签到,我签的J被嫌弃写得慢以及演员...然后我秒出了E了思路然而难以置信这么简单的思路当时才过了十几个,于是发现D.F不是太好做.最后交了 ...
- 来自多校的一个题——数位DP+卡位
n<=1e9就要考虑倍增.矩阵乘法这种了 假设L=0 考虑枚举二进制下,所有X与R的LCP长度,前len高位 对于第len+1位,假设R的这一位是1 如果一个x的这一位是0了,那么后面可以随便填 ...
- python之OpenCv(三)---基本绘图
opencv 提供了绘制直线.圆形.矩形等基本绘图的功能 1.绘直线 cv2.line(画布,起点坐标,终点坐标,颜色,宽度) 例如: cv2.line(image,(20,60),(300,400) ...