jQuery是一種使用非常廣泛的JavaScript庫,它可以輕松操縱HTML文檔,開發者可以使用jQuery來操作HTML元素、創建動畫效果、處理事件、發送AJAX請求等等。本篇文章將介紹如何使用jQuery選擇被選中的select。
HTML代碼: <select id="mySelect"> <option value="1">選項1</option> <option value="2">選項2</option> <option value="3" selected>選項3</option> <option value="4">選項4</option> </select> jQuery代碼: $(document).ready(function(){ var selectedOption = $('#mySelect option:selected').text(); console.log(selectedOption); }); 輸出結果: 選項3
上述代碼首先使用jQuery選擇id為"mySelect"的select元素,并使用":selected"選擇器選擇被選中的option元素。然后使用text()方法獲取選中option元素的文本內容,并將結果存儲在變量selectedOption中。最后使用console.log()方法輸出結果。
使用jQuery選擇被選中的select非常簡單,只需選中select元素并使用":selected"選擇器選擇被選中的option元素即可。此外,我們還可以使用val()方法獲取選中option元素的value屬性的值。
上一篇jquery選擇器大小
下一篇jQuery選擇器空錯誤