JQuery-change/select/submit
阿新 • • 發佈：2018-11-15
<!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>