获取select的value、text值的简单示例（jquery与javascript）

1、jquery

//获取value值
$("#ddlSubmodel").val();
//获取text值
$("#ddlSubmodel").find("option:selected").text();

2、javascript

//获取value值
document.getElementById("ddlSubmodel").value;
//获取text值
var select = document.getElementById("ddlSubmodel");
if (select.selectedIndex > -1) {
  select.options[select.selectedIndex].innerText;
}

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，同时也希望多多支持我们！

赞 (0)

相关推荐

  • jquery获取select,option所有的value和text的实例

    想想学习jQuery也有几天了,然后今天由于工作需要,我需要把select对应下的option所有的value和 text获取出来,然后拼接,导入到xml文件中,结果搞了一下午,终于搞出来了.下面是对应的代码: <body>中的代码是从别人的网站上复制过来的,我现在需要获取它的value和text,然后拼接成 <朝阳>7</朝阳>的形式 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//

  • jQuery操作select下拉框的text值和value值的方法

    1.jquery获取当前选中select的text值 var checkText=$("#slc1").find("option:selected").text(); 2.jquery获取当前选中select的value值 var checkValue=$("#slc1").val(); 3.jquery获取当前选中select的索引值 var index=$("#slc1 ").get(0).selectedIndex; 4

  • jQuery获取Select选择的Text和Value(详细汇总)

    语法解释: 复制代码 代码如下: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val();

  • JQuery 获取多个select标签option的text内容(实例)

    根据option的id属性,修改text值 $("#sel_div .select_class option[id='-选择省-']").text(data.province).attr("selected",true); $("#sel_div .select_class option[id='-选择市-']").text( data.city).attr("selected",true); $("#sel_div

  • 获取select的value、text值的简单示例（jquery与javascript）

    1.jquery //获取value值 $("#ddlSubmodel").val(); //获取text值 $("#ddlSubmodel").find("option:selected").text(); 2.javascript //获取value值 document.getElementById("ddlSubmodel").value; //获取text值 var select = document.getEleme

  • jquery获取复选框的值的简单实例

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style mce_bogus="1"> </style>

  • javascript获取select标签选中的值

    复制代码 代码如下: var obj = document.getElementById("testSelect"); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值 jQuery中获得选中select值 第一种方式 复制代码 代码如下: $('#testSelect

  • js简单遍历获取对象中的属性值的方法示例

    js简单遍历获取对象中的属性值的方法示例

    本文实例讲述了js简单遍历获取对象中的属性值的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <

  • JS实现从对象获取对象中单个键值的方法示例

    JS实现从对象获取对象中单个键值的方法示例

    本文实例讲述了JS实现从对象获取对象中单个键值的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net JS获取对象中单个键值</title> </head> <body> <script> window.onl

  • JS获取select的value和text值的简单实例

    复制代码 代码如下: <select id = "cityList" >   <select id = "selectId" >      <option value = "0">第0个</option>   </select> <script>       var selectObj = document.getElementById('selectId');      

  • jQuery获取多种input值的简单实现方法

    获取input的checked值是否为true: 第一种: if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 --注:name即控件name属性,value即控件value属性 第二种: 可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式: if($("input[name=row_checkbox]").attr('ch

  • jQuery实现select下拉框获取当前选中文本、值、索引

    话不多说,请看代码: //直接保存后缀.htnl用谷歌浏览器打开,亲测有效 <head> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script> $(function(){ //为Select添加事件,当选择其中一项时触发 $("select:eq(0)").change(function(){ //code }

  • jquery中获取select选中值的代码

    jquery获取select选择的文本与值 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype ").get(0).selectedindex;

随机推荐