兩種方式，原生js和jQuery。
特別是作為全棧開發工程師，學會使用框架固然重要，但是也要使用的基礎上，由淺入深，搞懂原理，這樣才能在技術進化迅速的時代立於不敗之地。
舉個例子說明以下，以我這篇文章為例node.js之十大Web框架，當你學會Node.js的語法，有過使用Node.js開發幾個簡單Demo的經驗，你會發現這些並不難。但是如果你想深入的理解Node.js，比如VsCode就是在Electron+TypeScript等基礎上研發出來，但是Electron 是基於 Chromium 和 Node.js，如果你對Node.js和Chromium毫不了解，自己深入到Electron，注定是要吃虧的。
使用原生js獲取select標簽選中值，源碼如下:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <form action="#"> <select id="test"> <option value="1">VsCode</option> <option value="2">Atorm</option> </select> <input type="button" value="測試" onclick="t1()"> </form> <script> function t1(){ var myselect=document.getElementById("test"); var index=myselect.selectedIndex; alert(myselect.options[index].value) } </script> </body> </html>
使用jQuery獲取select標簽選中值，源碼如下:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <form action="#"> <select id="test"> <option value="1">VsCode</option> <option value="2">Atorm</option> </select> <input type="button" value="測試" onclick="t1()"> </form> <script src="jquery-1.8.0.min.js"></script> <script> function t1(){ var options=$("#test option:selected"); alert(options.val());//獲取value alert(options.text());//獲取文本 } </script> </body> </html>