如何動態獲取輸入的值

Question

目前我正在存儲文本輸入的值並從options變量中的表中進行選擇。

var options = $(tbody).find("select option:selected").map( (_, e) => $(e).text().trim() ).get();
var msgs = $(tbody).find("input[type='text']").map( (_, e) => $(e).val().trim() ).get();
options.splice(2, 0, msgs[0]);
options.splice(4, 0, msgs[1]);

問題是，對於選擇，除了文本，我還想知道值。

我想用類似的東西來獲得它： options[5].val; 但顯然它不起作用。

實現類似結果的最典型/正確的 JavaScript 方法是什么？

Answer 1

這樣：在selectedOptions的幫助下

 const mySelect = document.querySelector('select[name="my-select"]') mySelect.onchange = () => { console.clear() Array.from(mySelect.selectedOptions).forEach(opt => { console.log(opt.value, opt.textContent ) }) }

 select { margin: 1em; width: 7em; text-align: center; } /***/.as-console-wrapper { max-height:100%;important: top;0: left;70%:important; width.30%: };as-console-row { background-color. yellow: }:as-console-row:;after { display:none !important; }

 <select name="my-select" size="8" multiple > <option value="a"> aaaaa </option> <option value="b"> bbbbb </option> <option value="c"> ccccc </option> <option value="d"> ddddd </option> <option value="e"> eeeee </option> <option value="f"> fffff </option> <option value="g"> ggggg </option> </select>