简单描述:后台需要获取到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怎么获取)的更多相关文章

  1. js获取select默认选中的Option (非当前选中值)

    js函数方法: <script> function getDefaultSelectedOption(selectId, valIfNull) { var selectId = selec ...

  2. JS获取select被选中的option的值

    一:JavaScript原生的方法 1:拿到select对象: var myselect=document.getElementById(“test”); 2:拿到选中项的索引:var index=m ...

  3. [thml]HTML select标签 获取选中的option的value及Text内容

    很简单的select标签: <select id="hello" onchange="getContent(this.value,this.options[this ...

  4. 获取select被选中的option的值

    <select id="select">      <option>绥江</option>      <option>西江</ ...

  5. select选项改变时获取选中的option的值

    本来天真的以为直接this.value()就能去到select的值,可事实并非那么回事. <script> document.getElementById('select').onchan ...

  6. layui select渲染获取选中的option

    关键代码如下: form.on('select(groupCode)', function(data){ console.log($(data.elem).find("option:sele ...

  7. 获取select text 值 得获取选中的option

    $("#magSeaTypeSelect option:selected").text();

  8. 用jquery获取select标签中选中的option值及文本

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  9. JavaScript获取Select下拉框Option的Value和Text值的方法

    Js获取select下拉列表框各个Option的Value值相对比较容易,不过获取Text值却有点麻烦,对于一个初学JavaScript的 新手来说,可能一时还无从下手,那么就请看下本文的方法,以一个 ...

随机推荐

  1. Crypto加密解密

    crypto 模块提供了加密功能,包含对 OpenSSL 的哈希.HMAC.加密.解密.签名.以及验证功能的一整套封装.我们这里讲crypto AES算法加密 一.使用步骤 1.引入Crypto 1. ...

  2. WSL、Git on Windows 、Putty等的创建的rsa秘钥与连接linux的使用。

    1. 在windows 上面可以使用多种方式创建公钥和私钥 这里从一开始说: 1.1 windows subsystem linux 的方式最简单了 cmd 命令行 下 进入 WSL 输入命令 bas ...

  3. Kickstart 和 Cobbler ks.cfg文件详解

    ks.cfg文件组成大致分为3段 命令段 键盘类型,语言,安装方式等系统的配置,有必选项和可选项,如果缺少某项必选项,安装时会中断并提示用户选择此项的选项 软件包段 %packages @groupn ...

  4. jap篇 之 JSTL标签库

    JSTL标签库: JSTL: JSP Standard Tag Library 作用:和[EL配合]使用,可以让用户[尽可能少的使用java源码]. 1,导入jar包 导入(复制粘贴到项目中的lib目 ...

  5. H5自定义属性data-*

    data属性的设置和读取方式: 1.data-xxx 的格式,则采用正常格式来读写该属性值 <div id="test" data-name="小明"&g ...

  6. Go语言协程

    协程的特点 1.该任务的业务代码主动要求切换,即主动让出执行权限 2.发生了IO,导致执行阻塞(使用channel让协程阻塞) 与线程本质的不同 C#.java中我们执行多个线程,是通过时间片切换来进 ...

  7. Django 框架基础

    Python web框架 本质 收发socket消息 --> 按照HTTP协议消息格式去解析消息 路径和要执行的函数的对应关系 --> 主要的业务逻辑 字符串替换 --> 模板(特殊 ...

  8. java 11 ZGC(可伸缩,低延迟的gc)

    ZGC, A Scalable Low-Latency Garbage Collector(Experimental) 可伸缩,低延迟的gc ZGC, 这应该是JDK11最为瞩目的特性, 没有之一. ...

  9. es上的的Watcher示例

    Watcher插件配置(创建预警任务) watcher目前是沒有界面配置的,需要通过Resfulapi调用创建.管理.更新预警任务 创建一个Watcher任务的流程是怎样的? 我们先来看下创建一个预警 ...

  10. bzoj2253 纸箱堆叠

    题目链接 题意 求三元组的严格上升子序列 思路 先考虑暴力\(dp\)一下 for(int i = 1;i <= n;++i) for(int j = 1;j < i;++j) if(x[ ...