如何從 jQuery 下拉清單中檢索所選選項的值或文字？

從jQuery 下拉清單中擷取所選選項

使用$("#id").val() 傳回值時在下拉清單中選擇一個選項時，可能會遇到意想不到的結果。這是由於涉及元素 ID 和下拉選項性質的特定場景造成的。

在html 程式碼中，ID 為aioConceptName 的元素代表下拉式選單，以下程式碼將無法如預期般運作：

$('#aioConceptName').val()

這樣做的原因是val() 擷取下拉清單本身的value 屬性，而不是其中選定的選項。若要取得所選選項的值或文本，請使用下列方法：

對於所選文字：

var conceptName = $('#aioConceptName').find(':selected').text();

此程式碼在下拉清單中找到所選選項使用:selected 選擇器並檢索其文字。

對於選定的值：

var conceptName = $('#aioConceptName').find(':selected').val();

此程式碼類似地定位所選選項，但傳回其 value 屬性。

以上是如何從 jQuery 下拉清單中檢索所選選項的值或文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！