iT邦幫忙

1

javascript 如何檢測html的from 裡的所有元素?

  • 分享至 

  • xImage

由於我將對群組進行刪除的動作,
但是我必須確保要刪除的群組並沒有項目使用他才能進行刪除,
所以我需要檢查table裡所有<option selected的選項,
是否已經沒有將要被刪除的群組。

以下是我codepen 的簡單試範,我已經能獲得刪除案鈕的該項群組,
但我仍找不到獲得from裡所有<option selected的方法。

https://codepen.io/alanotmt/pen/JjLzKxP

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1
froce
iT邦大師 1 級 ‧ 2022-08-22 14:01:08
最佳解答
let questions = document.querySelectorAll("select")
for (let i=0; i<questions.length; i++){
   const elm = questions[i]
   const selected = elm.options[elm.selectedIndex]
   console.log(selected)
}

這樣吧。

alanotmt iT邦新手 4 級 ‧ 2022-08-22 14:34:22 檢舉

謝謝前輩回覆,由於我select不止群組,還有狀態,那這樣我改成

document.querySelectorAll("items_group")

還是沒辦法,我更新了codepen(這樣會比較清楚我多了什麼問題)

froce iT邦大師 1 級 ‧ 2022-08-22 14:45:04 檢舉

關鍵字 css selector。

alanotmt iT邦新手 4 級 ‧ 2022-08-22 15:37:07 檢舉

找到用法了~感謝

document.querySelectorAll("select.items_group")

我要發表回答

立即登入回答