JS,jQuery获取select标签中选中值的方法

JS方法如下:

var obj=document.GetElementById("selectId");//声明一个select框对象
var index=obj.selectedIndex;//获取选中项的索引
var text=obj.options[index].text;//获取选中项的文本
var value=obj.options[index].value;//获取选中项的值

jQuery方法如下

$(‘#selectId option:selected‘).text();//获取选中的文字
$(‘#selectId option:selected‘).val();//获取选中的值
$(‘#selectId‘).get(0).selectedIndex;//获取选中的索引

或者

$("#selectId").find("option:selected").text();//获取选中的文字
$("#selectId").find("option:selected").val();//获取选中的值
$("#selectId").find("option:selected").get(0).selectedIndex;//获取选中的索引

来自:http://blog.csdn.net/foart/article/details/6614829/

时间: 2024-12-19 15:31:10

JS,jQuery获取select标签中选中值的方法的相关文章

jquery获取select标签的选中元素

select 标签配合 option 使用,是很好的下拉菜单,获取选中的选项值,可以用 jquery 的 api 简单直接的获取: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <select id='selection' onclick="clickClick()"> <option&g

jquery获取select标签被选中的值

方案:通过option标签的select属性来获取文本与值 jQuery中获得选中select值 第一种方式$('#adverId option:selected').text();//选中的文本 $('#adverId option:selected') .val();//选中的值 $("#adverId").get(0).selectedIndex;//索引 第二种方式 $("#adverId").find("option:selected"

获取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

js,jquery获取下拉框选中的option

js获取select选中的值: var sel=document.getElementById("select1"); var index = sel.selectedIndex; // 选中索引 albumid= sel.options[index].value;//要的值 jQuery获取下拉框选中的option: $("#s option:selected").val();

jquery 获取 html 标签的 class 值

比如 <div class="home current">home</div> 这个 div 的class 里两个值一个是 home 一个是 current,现在我想要 jquery 只获取其中的一个,通过某种方法只返回 home 或是 class,如何实现? var val=$("div").attr("class");//这里获取class值 var array=val.split(" ");//s

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> 

#vb#实现获取网页标签中的值并按行存储到excel表格中

vb中包括text.button Private Sub Form_Load() WebBrowser1.Navigate "localhost/getwebtable/" End Sub Private Sub Command1_Click() Set vDos = WebBrowser1.Document.getElementsByTagName("td") Text1.Text = vDos(1).innerText Text2.Text = vDos(3).

ASP.NET动态加载Js代码到Head标签中(三种方法)

方法一代码如下: HtmlGenericControl Include2 = new HtmlGenericControl("script"); Include2.Attributes.Add("type", "text/javascript"); Include2.InnerHtml = "alert('JavaScript in Page Header');"; this.Page.Header.Controls.Add(

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