精华内容
下载资源
问答
  • Js获取下拉框当前选择项的文本

    千次阅读 2018-12-04 19:06:33
    现在有一个Id为AreaId的下拉框,要获取它当前选择项的文本有以下方法: <span class="red">* </span> 地    &...

    现在有一个Id为AreaId的下拉框,要获取它当前选择项的文本和值有以下方法:

    <span class="red">* </span>
    地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区:
    <span>
          <select id="AreaId" name="AreaId" size="1" class="sel">
               <option>-请选择地区-</option>
               <option value="1">北京</option>
               <option value="2">上海</option>
               <option value="3">深圳</option>
           </select>
    </span>

     

    方法一:使用JavaScript原生态的方法.

      1.获取值:

    document.getElementById("AreaId").value;//有效,能得到正确的值.

    var index=document.getElementById("AreaId").selectedIndex;//获取当前选择项的索引.
    document.getElementById("AreaId").options[index].value;//获取当前选择项的值.


     var obj=document.getElementById("AreaId");
            for(i=0;i<obj.length;i++) {//下拉框的长度就是它的选项数.
               if(obj[i].selected==true) {
                var text=obj[i].value;//获取当前选择项的值.
          }
        }

     

     2.获取文本:

    var index=document.getElementById("AreaId").selectedIndex;//获取当前选择项的索引.
    document.getElementById("AreaId").options[index].text;//获取当前选择项的文本.

    document.getElementById("AreaId").options[index].innerHTML;//获取当前选择项的文本.

     var obj=document.getElementById("AreaId");
            for(i=0;i<obj.length;i++) {//下拉框的长度就是它的选项数.
               if(obj[i].selected==true) {
                var text=obj[i].text;//获取当前选择项的文本.
          }
        }
    document.getElementById("AreaId").text;//注意,这句代码无效,得到的结果为undefined.

     

    方法二:使用JQuery方法(前提是已经加载了jquery库).

     

      1.获取值:

    $("#AreaId").val();//获取当前选择项的值.
    var options=$("#AreaId option:selected");//获取当前选择项.
    options.val();//获取当前选择项的值.

      2.获取文本:

    var options=$("#AreaId option:selected");//获取当前选择项.
    options.text();//获取当前选择项的文本.
    options.innerHTML();//获取当前选择项的文本.
    $("#AreaId").text;//注意,这句代码无效,得到的结果为undefined.

    其他属性:

    innerText:

    var index=document.getElementById("AreaId").selectedIndex;//获取当前选择项的索引.

    document.getElementById("AreaId").options[index].innerText;//获取当前选择项的文本,IE支持,Firefox不支持.

    document.getElementById("AreaId").innerHTML;//获取当前下拉框所有的元素,包括Html代码.注意大小写.
    document.getElementById("AreaId").textContent;//获取当前下拉框中所有的选择项文本,不包括Html代码.

    例子:

    function change()
        {
            var index=document.getElementById("levelValue").selectedIndex;//获取当前选择项的索引.
            var text = document.getElementById("levelValue").options[index].text;
            $("#levelName").val(text);     levelName为添加的隐藏域便于后台request接收。
        }

     

    转载自
    出处:http://www.cnblogs.com/52XF/

     

    展开全文
  • 介绍一种取下拉框值以及绑定下拉框数据的方法 这里用到的jquery-ui-multiselect插件 1、前台html代码 <span class="ModuleFormFieldLabel" style="float: left; padding-top: 3px;">品类:</span>...

    介绍一种取下拉框值以及绑定下拉框数据的方法    这里用到的jquery-ui-multiselect插件

     

     1、前台html代码

    <span class="ModuleFormFieldLabel" style="float: left; padding-top: 3px;">品类:</span>
       <asp:HiddenField runat="server" ID="hidCarType" />  //隐藏控件,用来存放select value值,传到后台显示下拉数据用
       <select id="mulselCarType" name="mulselCarType" multiple="multiple">   //multiple为多选属性
         <%=this.htmlCarType %>   //后台绑定数据
       </select>
    
    <asp:HiddenField ID="hid_Cartype" runat="server" />   //隐藏控件,用来存放select text文本值,传到后台显示文本值
       <asp:Label  ID="x_lb_Cartype" runat="server" Text="品类:" Visible="false"></asp:Label>
       <span style="white-space:normal;">
        <asp:Literal ID="lbCartype" runat="server" ></asp:Literal> //lable用来在页面显示文本值
      </span>

     

    2、获取值js代码

    function getValue() {        
                //获取text值传入后台
                var objType = $("#mulselCarType").find("option:selected");   //找到控件id,并且找到被选中的option
                var strType = [];   //定义数组
                for (var i = 0; i < objType.length; i++) {
                    strType[i] = objType[i].text;   //循环option的长度,取到text值放入数组
                }
                document.getElementById('<%=hid_coust.ClientID %>').value = strType;   //将数组中的值放入隐藏控件(默认每个字符中间使用','隔开,英文',')
    
                //获取text值传入后台
                var objCarType = [];
                $("#mulselCarType").find("option:selected").each(function () {   
                    objCarType.push($(this).text());      //找到id,找到选中的option,直接each遍历,将text值push到数组
                });
                document.getElementById('<%=hid_Cartype.ClientID %>').value = objCarType.join(",");    //将数组的值放入隐藏控件,join(","),字符中间用中文","隔开
    
            
                //获取value值传入后台
                var carType = [];     //multiselect是jquery-ui-multiselect插件,方法详见官方文档
                $("#mulselCarType").multiselect('getChecked').each(function () { carType.push($(this).val()); });
                document.getElementById("<%=hidCarType.ClientID %>").value = carType.join(",");
            };

     

    3、后台取值赋值代码

         public string htmlCarType = string.Empty;
    
          //品类
            private void InitCarType()
            {
                if (!string.IsNullOrEmpty(hidAgent.Value))
                {
                    using (SqlDBAccess dbAccess = new SqlDBAccess(AppFunction.ConnectionString))
                    {
                //连接数据将数据从表取出,循环放入option,绑定下拉显示数据 DataTable dt = dbAccess.ExecuteTable("select agent_id,name from tb_agent where brand_id in (" + hidAgent.Value + ") and status='ready'"); System.Text.StringBuilder sb = new System.Text.StringBuilder(); foreach (DataRow dr in dt.Rows) { sb.AppendLine(string.Format("
    <option value='{0}'>{1}</option>", dr["agent_id"].ToString(), dr["name"].ToString())); } this.htmlCarType = sb.ToString(); } } }

          //品类
          if (hid_Cartype.Value == "")     //将文本值放入lable控件显示
            x_lb_Cartype.Visible = false;
          else
            x_lb_Cartype.Visible = true;
            lbCartype.Text = hid_Cartype.Value;

     

    转载于:https://www.cnblogs.com/liuchenxing/p/9118352.html

    展开全文
  • JS获取下拉框方式

    千次阅读 2018-07-09 09:18:41
    一、通过id获取下拉框的value和文本值 1:拿到select对象: var myselect=document.getElementById("numbers"); 2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index...


    例如:  

    HTML代码:

    <select class="form-control" id="numbers">
              <option value="1">数字1</option>
              <option value="2" selected>数字2</option>
     </select>
    
    一、通过id获取下拉框的value和文本值

    1:拿到select对象: var myselect=document.getElementById("numbers");
    2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index。
    3:拿到选中项options的value: myselect.options[index].value;
    4:拿到选中项options的text: myselect.options[index].text;
    二、另外还有jquery的方法(前提是已经加载了jquery库):
    1:var options=$("#numbers option:selected"); //获取选中的项
    2:alert(options.val()); //拿到选中项的值
    3:alert(options.text()); //拿到选中项的文本


    展开全文
  • Dojo Dojo是一个用javascript...这里有一个下拉框,其中选项为一年四季,选中后打印下拉框文本 2、实现源码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>doj
  • 本篇文章主要介绍了jQuery实现select下拉框获取当前选中文本、索引以及添加/删除Select的Option项的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧
  • js怎样获取下拉框的value和选中文本

    千次阅读 热门讨论 2019-03-29 15:04:44
    怎样获取下拉框的value文本

    前言

    最近给下拉框绑定了两个值(id和姓名),需要显示姓名,但是要保存的是id.
    这就需要获取下拉框的value值和选中文本的值
    今天小编带用js(jquary)大家获取这两个的值.

    正文

    1. 设置下拉框,遍历获取value和文本的值。value:id ;下拉框选中显示的值:user_name
     $.ajax({
                        type: "get",
                        url: "http://localhost:8839/No.1/V1/FinalPaymentCount/getUser0",
                        contentype: 'application/json',
                        async: false,
                        success: function (data) {
    
                            if (data != undefined || data != null || data != "") {
                                var html = "";
                                for (var i = -1; i < data.length; i++) {
                                    if (i == -1) {
                                        html += "<option value=''>请搜索姓名</option>";
                                    } else {
                                        html += "<option value=" + data[i].id + ">" + data[i].user_name + "</option>";                                
                                    }
                                }
                                $("#quiz0").html(html);
                            }
                        }
                    });
    
    

    获取value:

     student_id = $("#quiz0").val();
    

    获取文本框选中的值:

     name = $("#quiz0 option:checked").text();
    
    展开全文
  • 但是,对于一些初学者来说,如何获取下拉框子节点option的value文本内容,还是有一点难度的。 html代码: </HEAD> <BODY> 书籍分类: <select id="s1" > <op...
  • 这是javascript获取下拉菜单选中的文本的技术文档
  • 本篇文章主要是对Js获取下拉框选定项的文本的实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
  • 其他的就不说了,现在我就写一段代码,简单的说明一下如何获取value以及文本内容(text),必要地添加了注释,希望对下拉框还不太熟悉的朋友有所帮助。html代码:&lt;/HEAD&gt; &lt;BODY&gt...
  • JQuery获取select下拉框文本值和值

    千次阅读 2018-01-18 13:24:58
    body> select id="select1" > option value="">请选择 option> option value="0">香蕉option> option value="1">苹果option> option value="2">年付option> ...script language="javascript"> function get(){ var
  • 本篇总结 js/jq 两种方式获取select下拉框文本值和value值,js和jq都分别用两种方式例取出来。
  • 1.表格的下拉框定义: { field: '', title: '', templet: function (d) { var NetWork = "<select data-getid='" + d.ID + "' lay-filter='select1'>" + $("#自定义").val() + "</select>"; ...
  • 原生js方法: var myselect=document.getElementById("test"); var index=myselect.selectedIndex; var value=myselect.options[index].value; jquery方法: var options=$("#test option:selected"); options...
  • 获取下拉框文本

    2020-06-23 22:00:42
    margin-right: 20%"> 部门名称" id="departmentName" /> </div> </div> 上边是个下拉框,下面隐藏的输入框去获取下拉框文本 $("#departmentName").val($("#departmentId").find("option:selected").text());
  • element-ui select获取下拉框label

    千次阅读 2021-04-05 16:40:48
    element-ui select获取下拉框label onchange(){ this.$nextTick(()=>{ this.form.[yourAttrName] =this.$refs.[selecteRef].selected.currentLabel }) } //一定要是在nextTick数据更新后才会有
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...meta name="viewport" content="width=device-width, initial-scale=1.0">...D.
  • jq 获取下拉框和value

    万次阅读 2019-03-14 12:18:04
    一直以为jquery获取select中option被选中的文本值,是这样写的: $("#s").text(); //获取所有option的文本值 实际上应该这样: $("#s option:selected").text(); //获取选中的option的文本...
  • 获取下拉框选中的文本内容

    千次阅读 2020-08-24 20:00:32
    //获取下拉框选中的项 var option = $("#sTrainno option:selected"); //获取下拉的name var text = option.text(); alert(text); //将下拉框的name赋值给文本框 var val = $("#trainNumber").val...
  • utm_medium=referral 现在有一个Id为AreaId的下拉框,要获取它当前选择项的文本有以下方法: <span class="red">* </span> 地&nbsp;&nbs...
  • 这篇文章主要介绍了 Dojo 获取下拉框文本实例代码的相关资料 ,非常不错 具有 参考借鉴价值需要的朋友可以参考下 Dojo Dojo 是一个用 javascript 语言实现的开源 DHTML 工具包 它是在几个项目捐助基础上 建立...
  • js 获取下拉框文本

    2016-07-08 10:05:00
    var ddl = document.getElementById("ctl00_ContentPlaceHolder1_ddlprojectname"); var index = ddl.selectedIndex; var ss = ddl.options[index].text alert(ss); 转载于:https://w...
  • 获取下拉框的value以及文本

    千次阅读 2019-09-17 10:34:10
    @殷桃小狗子 获取下拉框的value以及文本的值 在做项目的时候,遇到页面搜索以及省市联动获取值后在... 测试获取下拉框的value以及文本值 <select id="place" name="place"> <option value="...
  • Js获取下拉框选定项的文本

    万次阅读 2010-01-18 13:31:00
    Js获取下拉框选定项的文本Js获取下拉框文本网上提供了2种方法:但有些人很不负责任,他们根本没考虑到浏览器之间的差异导致的错误,导致很多新手琢磨了半天找不出错误!下面我总结下Firefox和IE下获取...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,277
精华内容 5,310
关键字:

js获取下拉框文本值