jQuery是一個快速,小巧,特性豐富的JavaScript庫。它使得HTML文檔遍歷、事件處理、動畫和Ajax操作變得更加簡潔易懂。
當我們需要獲取選擇框的值時,可以使用jQuery的val()方法。例如:
<select id="mySelect"> <option value="apple">蘋果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> </select> $(function() { var selectValue = $("#mySelect").val(); console.log(selectValue); //輸出:apple });
上面的代碼中,我們先獲取id為mySelect的選擇框的值,并將其賦值給selectValue變量。然后使用console.log()方法輸出變量的值,控制臺會輸出apple,即選擇框中被選中選項的值。
如果我們需要獲取選擇框中被選中選項的文本,可以使用jQuery的find()方法和:selected選擇器。例如:
<select id="mySelect"> <option value="apple">蘋果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> </select> $(function() { var selectText = $("#mySelect").find("option:selected").text(); console.log(selectText); //輸出:蘋果 });
上面的代碼中,我們先使用find()方法獲取被選中選項的元素,再使用text()方法獲取該元素的文本。然后將文本賦值給selectText變量。最后使用console.log()方法輸出變量的值,控制臺會輸出蘋果,即選擇框中被選中選項的文本。