js获取select标签选中的值

var obj = document.getElementByIdx_x(”testSelect”); //定位id

var index = obj.selectedIndex; // 选中索引

var text = obj.options[index].text; // 选中文本

var value = obj.options[index].value; // 选中值

jQuery中获得选中select值

第一种方式
$(‘#testSelect option:selected‘).text();//选中的文本

$(‘#testSelect option:selected‘) .val();//选中的值

$("#testSelect ").get(0).selectedIndex;//索引

第二种方式
$("#tesetSelect").find("option:selected").text();//选中的文本
…….val();
…….get(0).selectedIndex;

--------------------------------------

如果select标签是有id属性的,如<select id=xx>...则用下述方法获取当前选项的值:var v = xx.value;或var v = document.getElementById("xx").value;   //此方法兼容性好

如果select标签是有name属性的,如<form name=form1><select name=xx>...则用下述方法获取当前选项的值:var v = form1.xx.value;或var v = document.getElementsByName("xx")[0].value;如果同一页面含有多个name属性相同的标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算)

如果select标签不含有任何可供定位的属性,如<select>...则用下述方法获取当前选项的值:var v = document.getElementsByTagName("select")[0].value;如果同一页面含有多个select标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算)----------------------------------------

对于以下select标签,获取当前选择的值得方式如下:

<select id="test" name=""><option value="1">text1</option><option value="2">text2</option></select>code:一:javascript原生的方法1:拿到select对象: var myselect=document.getElementById("test");2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index3:拿到选中项options的value: myselect.options[index].value;4:拿到选中项options的text: myselect.options[index].text;

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

1:var options=$("#test option:selected");  //获取选中的项

2:alert(options.val());   //拿到选中项的值

3:alert(options.text());   //拿到选中项的文本

时间: 2024-12-28 10:47:19

js获取select标签选中的值的相关文章

js获取select标签选中的值及文本

原生js方式: var obj = document.getElementByIdx_x("testSelect"); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值 jquery方式: 第一种方式$('#testSelect option:selected').te

web 开发之js---js获取select标签选中的值

var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值 jQuery中获得选中select值 第一种方式$('#testSelect option:selected').text()

js 获取select option中的值或者value值

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><select id="sel" οnchange="cge()">   <option value="1">4</option> 

js 获取asp:dropdownlist选中的值

var eSection = document.getElementById("<%=tx_ddlType.ClientID%>"); var eSectionValue = eSection.options[eSection.selectedIndex].value; alert(eSectionValue);

[转载]js 获取ASP RadioButtonList 选中的值

var planList=document.all ('rblPlanType');    for(var i=1;i<planList.length;i++)    {     if(planList[i].checked)     {      var planType=planList[i].value;     }    } <asp:RadioButtonList ID="rblPlanType" runat="server" RepeatDi

js 获取select的值 / js动态给select赋值

jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text3. var checkValue=$("#select

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

本篇文章主要是对JS获取select的value和text值的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: <select id = "cityList" > <select id = "selectId" > <option value = "0">第0个</option> </select> <script> var selectObj =

获取select标签中option的value值

<select id="teacher" name="tea-list" form=""> <option value="none">请选择老师</option> <option value="1">老师1</option> </select> //获取select标签中option的value值 var $teacher=$('#te

Jquery获取html中select,radiobutton选中的值写法

1.Html代码: <select name="" class="qixian" id="tbCheckCycleUnit"> <option value="1">天</option> <option value="2">月</option> <option value="3">年</option> &l