记录一下常用的表单事件，因为工作中常用到所以特别记录一下。有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; 选中值
}
时间： 2024-08-19 01:33:25