在 jQuery 中,要對 Select 元素進行數據綁定,可以使用 val()
方法設置選中的值,并使用 change
事件監聽器獲取選中的值。以下是一個簡單的示例:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<select id="mySelect">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
$("#mySelect").val("option2");
change
事件監聽器,以便在選中值發生變化時執行相應的操作。在這個示例中,我們將把選中的值顯示在一個名為 selectedValue
的元素中:$("#mySelect").on("change", function() {
var selectedValue = $(this).val();
$("#selectedValue").text(selectedValue);
});
現在,當用戶更改 Select 元素的選中值時,selectedValue
元素將顯示當前選中的值。