javascript获取select值的方法完整实例
2019-06-20 10:18
1656 查看
本文实例讲述了javascript获取select值的方法。分享给大家供大家参考,具体如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net javascript获取select值</title> </head> <script> //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.onload=function() { var oBtn=document.getElementById("oBtn1"); var oText=document.getElementById("oText1"); var oSelect=document.getElementById("select1"); var index=oSelect.selectedIndex ; oBtn.onclick=function() { alert(oSelect.options[index].text); if(oText.value==""){ alert("请输入内容") }else{ alert(oText.value+"----"+oSelect.options[oSelect.selectedIndex].text) } } } </script> <body> <input id="oText1" type="text" value=""/> <input id="oBtn1" type="button" value="按钮"/> <select id="select1"> <option value="1">广州</option> <option value="2">上海</option> <option value="3">北京</option> </select> </body> </html>
运行结果:
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题:《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
- javascript获取select值的方法分析
- JS获取select-option-text_value的方法
- js获取select标签选中值的两种方式
- javascript获取select标签选中的值
- JS获取select的value和text值的简单实例
- js获取select选中的option的text示例代码
- javascript 获取select下拉列表值的代码
- JavaScript实现获取select下拉框中第一个值的方法
- JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
- javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
- 获取select的value、text值的简单示例(jquery与javascript)
相关文章推荐
- JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
- javascript设置和获取cookie的方法实例详解
- 实例详解JavaScript获取链接参数的方法
- javascript获取select值的方法分析
- javascript设置和获取cookie的方法实例详解
- PHP或者JavaScript获取当前页面完整URL的方法
- javascript获取select值的方法分析
- JavaScript实现获取select下拉框中第一个值的方法
- BeautifulSoup解析库select方法实例——获取企业信息
- JavaScript获取select中text值的方法
- 实例详解JavaScript获取链接参数的方法
- 使用JavaScript获取URL中的参数(两种方法)
- 存储过程从入门到熟练(多个存储过程完整实例及调用方法)
- 使用HtmlUnit执行JavaScript中方法获取数据
- 存储过程从入门到熟练(多个存储过程完整实例及调用方法)
- JavaScript跨浏览器获取页面中相同class节点的方法
- JavaScript 中调用 Kotlin 方法实例详解
- SpringTest框架JUnit单元测试用例获取ApplicationContext实例的方法
- javascript jquery动态删除select下的option实例代码
- 对javascript基本对象的属性以及方法的实例介绍