zoukankan      html  css  js  c++  java
  • 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')) 
  • 相关阅读:
    cocos2d-x 3.0rc开发指南:Windows下Android环境搭建
    CSS 最核心的几个概念
    android CMWAP, CMNET有何差别
    JAVA读、写EXCEL文件
    freemarker报错之三
    “大型票务系统”和“实物电商系统”在支付方面的差别和联系
    C++内存泄露检測原理
    递归算法浅谈
    自写图片遮罩层放大功能jquery插件源代码,photobox.js 1.0版,不兼容IE6
    linux 之 getopt_long()
  • 原文地址:https://www.cnblogs.com/xuchao0506/p/9968243.html
Copyright © 2011-2022 走看看