html获取下拉框选中值,javascript获取select值的方法完整实例

本文实例讲述了javascript获取select值的方法。分享给大家供大家参考，具体如下：

www.jb51.net javascript获取select值

//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 option:selected').text();//选中的文本

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

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

*/

window.οnlοad=function() {

var oBtn=document.getElementById("oBtn1");

var oText=document.getElementById("oText1");

var oSelect=document.getElementById("select1");

var index=oSelect.selectedIndex ;

oBtn.οnclick=function() {

alert(oSelect.options[index].text);

if(oText.value==""){

alert("请输入内容")

}else{

alert(oText.value+"----"+oSelect.options[oSelect.selectedIndex].text)

}

}

}

广州

上海

北京

运行结果：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。