js获取select标签选中的值

一、javascript原生的方法通过ID获取值

1.    拿到select对象：  var obj = document.getElementByIdx_x(”testSelect”); //定位id 
2.   拿到选中项的索引：   var index = obj.selectedIndex; // 选中索引
3.    拿到选中项options的value：  var text = obj.options[index].text; // 选中文本
4.    拿到选中项options的text：  var value = obj.options[index].value; // 选中值

 

二 、 jQuery中获得选中select值

1.     $("#testSelect");//通过标签ID直接获取
2.     $("#testSelect option:selected");//获取标签选中的元素
3.     $("#testSelect").find("option:selected");//找到选中的元素
4.     $("#testSelect").get(0).selectedIndex;//获取当前选中值得索引，在通过索引获取值

 

$(function(){
	/*
	 * 在确定select标签ID的情况下
	 *  <select id=xx></select>
	 *   获取值  .value 获取文本  .text
	 */
	//直接获取值  xx.value  直接获取文本  xx.text
	document.getElementById("xx");//js常用方法   通过id获取元素
	/*
	 * jquery获取
	 * jquery获取值元素 .val()  ;  获取文本  .text()
	 */
	$("#testSelect");//通过标签ID直接获取
	$("#testSelect option:selected");//获取标签选中的元素
	$("#testSelect").find("option:selected");//找到选中的元素
	$("#testSelect").get(0).selectedIndex;//获取当前选中值得索引，在通过索引获取值


//	如果select标签不含有任何可供定位的属性，如

//	则用下述方法获取当前选项的值：
	var v = document.getElementsByTagName("select")[0].value;
//	如果同一页面含有多个select标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）
	
});