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

html获取下拉框选中值,javascript获取select值的方法完整实例本文实例讲述了 javascript 获取 select 值的方法 分享给大家供大家参考 具体如下 www jb51 netjavascrip 获取 select 值 javascript 获取选中 select 值 varobj document getElementBy testSelect 定位 idvarindex obj selectedInde 选中索引 var

本文实例讲述了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)

}

}

}

广州

上海

北京

运行结果:

f3c4bb1471d867d48aee214b15e09da1.gif

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/224662.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 上午11:26
下一篇 2026年3月17日 上午11:26


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号