标签：
记录一下常用的表单事件，因为工作中常用到所以特别记录一下。有jq写法和原生js写法
1.这是select的option的事件，jq写法
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(function () { $(‘#sel‘).change(function () { console.log( $(this).val() ); }) }) </script> </head> <body> <select name="" id="sel"> <option value="aaa" selected="selected">111</option> <option value="bbb">222</option> <option value="ccc">333</option> </select> <p> jQuery中获得选中select值 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id").val(); //获取Select选择的Value var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 </p> <p>来源:http://www.cnblogs.com/mitang/p/3687353.html</p> </body> </html>
再来js写法，把script的代码替换掉既可
window.onload=function () { var obj=document.getElementsByTagName(‘select‘)[0]; obj.onchange=function () { console.log( obj.options[obj.selectedIndex].value ); } var obj = document.getElementByIdx_x(”testSelect”); 定位id var index = obj.selectedIndex; 选中索引 var text = obj.options[index].text; 选中文本 var value = obj.options[index].value; 选中值 }
标签：
原文地址：http://www.cnblogs.com/masita/p/4474303.html
