失去焦點時，獲取輸入框的信息
- 獲取到數據后，我們闊以通過Ajax或Post請求提交數據到后台
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> 多輸入框數據更新 </title> </head> <body> <input type="text" name="" id="sort1" data-id="sort1" value="" /> <input type="text" name="" id="sort2" data-id="sort2" value="" /> <input type="text" name="" id="sort3" data-id="sort3" value="" /> </body> <script src="https://code.jquery.com/jquery-3.4.1.min.js" ></script> <script type="text/javascript"> $('input').focus(function(){ console.log('獲得焦點'); }); $('input').blur(function(){ console.log($(this)); console.log('失去焦點'); console.log($(this).attr('data-id'));
console.log($(this).val()); }) </script> </html>