<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>change/select/submit</title>
</head>
<body>
<form action="www.baidu.com" method="get">
<input type="text" value="123">
<input type="submit" value="提交"></input>
</form>
<select name="alex" id="">
<option selected>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<script src="js/jQuery3.3.1.js"> </script>
<script>
$(function () {
$("input[type=text]").focus() ; //获取焦点
$("input[type=text]").change( //change(表单控件的value发生改变时候)
function () {
console.log($("input[type=text]").val())
}
);
$("input[type=text]").select(function () { //select 文本被选中
console.log("选中了")
});
$("select").change(
function () {
console.log($("select").find("option:selected").text()) //获取选中的值 需要获取select才能获取option
}
);
$("form").submit( //表单控件提交 是 获取表单事件
function () {
alert(`确认提交?`)
}
)
})
</script>
</body>
</html>
