精华内容
下载资源
问答
  • 主要介绍了js实现下拉列表选中某个的方法,涉及JavaScript针对select下拉列表选择操作的相关技巧,需要的朋友可以参考下
  • 在用jquery获取下拉列表ddl的时返回的为字符串‘null’,而不是空值,结果导致获取的参数不对; 即使在后台判断了其非空,但还是导致了错误(比如拼凑SQL时将null拼进去了)。 下面我们来分析下: 第一种情况: ...
  • 这是javascript获取下拉菜单选中和文本的技术文档
  • //获取下拉列表选中项的文本 functiongetSelectedText(name){ varobj=document.getElementById(name); for(i=0;i<obj.length;i++){ if(obj[i].selected==true){ returnobj[i].innerText;//关...
    1. //获取下拉列表选中项的文本  
    2. function getSelectedText(name){  
    3. var obj=document.getElementById(name);  
    4. for(i=0;i<obj.length;i++){  
    5.    if(obj[i].selected==true){  
    6.     return obj[i].innerText;      //关键是通过option对象的innerText属性获取到选项文本  
    7.    }  
    8. }  
    9. }  
    10.   
    11. //获取下拉列表选中项的值  
    12. function getSelectedValue(name){  
    13. var obj=document.getElementById(name);  
    14. return obj.value;      //直接用其对象的value属性便可获取到  
    15. }  

    转载于:https://www.cnblogs.com/OsManagerQuange/p/5556011.html

    展开全文
  • //jQuery获取 //获取选中当前下拉列表的文本内容 ...//获取选中当前下拉列表 var xlihtml = $("#sec option:selected").valt(); //js获取 //获取当前下拉列表的文本(第一种) var text = ""; fo...
    //jQuery获取
    //获取选中当前下拉列表的文本内容
    #sec 下拉列表设置的id名
    var xlihtml = $("#sec option:selected").text();
    //获取选中当前下拉列表的值
    var xlihtml = $("#sec option:selected").valt();
    //js获取
    //获取当前下拉列表的文本(第一种)
    var text = "";
    for(i = 0;i < bk.length; i++) {//下拉框的长度就是它的选项数.
       if(bk[i].selected == true) {
              text = bk[i].innerHTML;//获取当前选择项的文本内容.
      }
    }
    //使用onchange用来获取下拉列表所获取的值(第二种)
    sec.onchange = function(){
        var a = this.value(innerHTML);//当前值或文本内容
    }

     

    展开全文
  • 如下所示: 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...<head><... charset=utf-8″ /><...script type=”text/javascript
  • JS-DOM编程-06-获取下拉列表选中项的value 1.用户选择城市后,界面弹出对应市区原理 直辖市和市辖区的关系是:1对多(两张表,多的表加外键) 直辖市表t_city id ccode(unique) cname ----------------------------- ...

    JS-DOM编程-06-获取下拉列表选中项的value

    1.用户选择城市后,界面弹出对应市区原理

    直辖市和市辖区的关系是:1对多(两张表,多的表加外键)

    直辖市表t_city

    id		ccode(unique)	cname
    -----------------------------
    1		001				北京
    2		002				上海
    3		003				广州
    

    市辖区t_md

    id		mcode		mname		ccode(fk)
    -----------------------------------------
    1		100			东城区			001
    2		101			西城区			001
    3		102			朝阳区			001
    3		102			大兴区			001
    

    当用户选择任意一个市,比如说北京市,那么必须获取到北京市的所对应的ccode:001。

    然后浏览器将001发送到服务器,服务器底层执行一条sql语句:

    select * from t_md where ccode = '001';
    

    返回一个list集合,List< Md> mdList;

    mdList响应浏览器,浏览器解析mdList集合,转换成一个新的市辖区下拉列表,展示给用户。

    这里我们只需要做到获取下拉列表选中项的value。

    1.第一种方式:通过事件句柄

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>获取下拉列表选中项的value</title>
    </head>
    <body>
        <!-- 方式1:通过事件句柄 -->
        <!-- change事件,当value改变时发生 -->
        <select onchange="alert(this.value)">
            <option value="">请选择下列城市</option>
            <option value="001">北京</option>
            <option value="002">上海</option>
            <option value="003">广州</option>
        </select>
    </body>
    </html>
    

    2.第二种方式:通过内部JS代码块

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>获取下拉列表选中项的value</title>
    </head>
    <body>
        <!-- 方式2: 通过js代码块方式  -->
        <script type="text/javascript">
            window.onload = function() {
                //获取下拉列表对象
                var cityListElt = document.getElementById("cityList");
                //设置change事件,当value改变时,获取value
                cityListElt.onchange = function() {
                    alert(cityListElt.value);
                }
            }
        </script>
    
        <select id="cityList">
            <option value="">请选择下列城市</option>
            <option value="001">北京</option>
            <option value="002">上海</option>
            <option value="003">广州</option>
        </select>
    </body>
    </html>
    

    展开全文
  • //获取下拉列表选中项的 function getSelectedValue(name){ var obj=document.getElementById(name); return obj.value; //如此简单,直接用其对象的value属性便可获取到 } 获取文本 <select Id=...

    js取值

    //获取下拉列表选中项的值

    function getSelectedValue(name){
    var obj=document.getElementById(name);
    return obj.value;      //如此简单,直接用其对象的value属性便可获取到
    }

    获取文本值

    <select Id="select">
     <option>1</option>
      <option selected="selected">2</option>
      <option>3</option>
    </select>
    <script language="javascript" type="text/javascript">
    var ById = document.getElementById("Select")
    alert(ById.options[ById.selectedIndex].text)
    </script>

    例2

    <select id="select1" onChange="abc()"> 
    <option value="1">看书</option>
    <option value="2">体育</option>
    </select>
    <script type="text/javascript">
    function abc(){
    var obj =document.getElementById("select1");
    alert(obj.options[obj.selectedIndex].text);
    }
    </script>

    jquery做法

    $("#select option[selected]").text();
    //select和option之间有空格,option为select的子元素 
      
    $("#select option:selected").text();

    //如果写成$("#select").text();会把所有下拉菜单的文本选择出来  

    获取值

    $("#select").val();//取值   
    $("#select").val("value");//设置,如果select中有值为value的选项,该选项就会被选中,如果不存在,则select不做

     

    转载于:https://www.cnblogs.com/jthb/archive/2013/05/24/3096917.html

    展开全文
  • 下拉列表如何获取选中option的

    千次阅读 2018-09-28 18:48:18
    对于无序列表ul,我们可以早ul元素上注册click事件,通过event.target来获取到当前点击的列表项,示例代码如下: &lt;!--html代码部分--&gt; &lt;ul id='list'&gt; &lt;li&gt;1&lt;/li...
  • NULL 博文链接:https://heisetoufa.iteye.com/blog/356950
  • ===========================================================================...获取下拉列表选中项的和文本(select) //获取下拉列表选中项的文本 function getSelectedText(name){ var obj=document.getE
  • <br />一、获取下拉列表选中项的和文本(select) 代码 select.htm 示例如下: ============================================================================= <html><br /><head><title>...
  • var a1=$("#ele").val();
  • for(var i = 0;i ;... } } function into(){ var value =document.getElementById("values");//1:获取select对象 var index=value.selectedIndex;...//3:获取选中项的value console.log(val);//比如选的优 ,val就为优
  • js获取下拉菜单的

    千次阅读 2017-06-21 11:38:21
    现在有一id=test的下拉框,怎么拿到选中的那个呢? 分别使用javascript原生的方法和jquery方法    text1   text2    code: 一、javascript原生的方法  1.拿到select对象: var myselect...
  • 一个JavaScript示例,向您展示如何从下拉列表获取选定的或文本。 下拉框列表。 <select id="country"> <option value="None">-- Select --</option> <option value="ID001">...
  • 大家用js写网页的时候,难免会遇到获取网页中下拉框选项的内容,那么用原生js如何获得下拉框的内容呢?请看下面的代码↓ <...js获取下拉式选项框select 选中 </title> </head...
  • 如何获取下拉列表框的

    千次阅读 2020-03-23 12:23:31
    分别使用javascript原生的方法和jquery方法 <select id="test" name=""> <option value="1">text1</option> <option value="2">text2</option> </select> code: 一:javas...
  • 看着我的标题感觉有点蒙,什么是下拉列表,那么接下来看了这张图之后,就会明白了,如下图: 实现下拉列表 这样的下拉列表很好实现,我们直接用几行html代码直接实现,使用select标签,具体的实现代码如下: <...
  • js 下拉列表选中后台传回来的

    千次阅读 2018-08-01 11:22:55
    后台传回来的下拉列表中选中 &lt;script type="text/javascript"&gt; var vals=${x};//后台传回来的 if(vals!=""){ var s = $("#select").val(); //获取select...
  • js获取select下拉框选中

    千次阅读 2019-04-23 20:03:41
    <title>JavaScript获取select下拉框中的第一个 <script type="text/javascript"> /** * JavaScript获取select下拉框中的第一个 */ function getFirstValOfSelect() { //获取select中的ID var selectId ...
  • 问题当我们在html中适应js对应的下拉列表时,但是我们虽然拿到了select,仍然无法通过我们获取到的select对象获取到对应的option的value和text或者是调用select index方法爆出无定义 解决方案 首先我们先进行检查...
  • 获取下拉列表选中项的value 这个例子要注意value的使用以及onchange句柄的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取下拉列表选中项的...
  • js获取select标签选中

    万次阅读 2018-07-20 17:29:03
    js获取select选中 var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj....
  • 原生js方法: var myselect=document.getElementById("test"); var index=myselect.selectedIndex; var value=myselect.options[index].value; jquery方法: var options=$("#test option:selected"); options...
  • js代码里设置一个下拉列表选中项的方法如下: var obj = document.getElementById('selAppType'); $.each(obj .options, function (i, n) {  if (n.value === 'hello') {  n.selected = ...
  • js怎样获取下拉框的value选中文本的

    千次阅读 热门讨论 2019-03-29 15:04:44
    怎样获取下拉框的value和文本的
  • 一、获取下拉列表选中项的和文本(select) 代码 select.htm 示例如下: ============================================================================= <html> <head><title>获取下拉列表...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,056
精华内容 6,422
关键字:

js获取下拉列表选中的值