javascript - 如何从html表格中的选择框获取值

Question

我正在尝试从我的 HTML 表格中的选择框中检索值。如何选择所选值？

到目前为止我尝试了什么:

this.cells[14].innerHTML; 
this.cells[14].children[0].innerhtml; 
this.cells[14].children[0].innerText; 

The last one .innerText returns all the items in my select box......

var table2 = document.getElementById('table_items_program');

        for (var i2 = 1; i2 < table2.rows.length; i2++) {
            table2.rows[i2].onclick = function () {
                document.getElementById("id").value = this.cells[0].innerHTML;
                document.getElementById("select").value = this.cells[14].children[0].innerText;
            }
        }

<td><select class="selectpicker" multiple>
<?php while ($row9 = mysqli_fetch_assoc($result9)):; ?>
      <option value="<?php echo $row9['id']; ?>"><?php echo $row9['id'];?>                  
      </option> 
<?php endwhile; ?>                   
</select></td>

<input style="display: inline" id="id" name="id">
<input style="display: inline" id="select" name="select">

从我的 HTML 表格中的选择框中选择的值

Answer 1

How can I select the selected value?

您可以使用方法HTMLSelect​Element​.selected​Index 获取选定的索引

---

但如果我理解你的烦恼。您尝试获取您选择的当前值。因此，您需要获取所选选项的值。

你可以这样做:

document.getElementById('mySelect').onchange = function() {
  let options = this && this.options;
  let selectedValues = []
  for (var i = options.length; i--;) {
    let opt = options[i];
    if (opt.selected) {
      selectedValues.push(opt.value || opt.text);
    }
  }
  console.log(selectedValues)
}

<select id="mySelect" multiple>
  <option value="a"> a </option>
  <option value="b"> b </option>
  <option value="c"> c </option>
</select>

---

在您的代码示例中实现

for (var i2 = 1; i2 < table2.rows.length; i2++) {
  table2.rows[i2].onclick = function() {
    document.getElementById("id").value = this.cells[0].innerHTML;

    var options = this && this.cells[14].children[0].options;
    var selectedValues = []
    for (var i = options.length; i--;) {
      var opt = options[i];
      if (opt.selected) {
        selectedValues.push(opt.value || opt.text);
      }
    }
    document.getElementById("select").value = JSON.stringify(selectedValues);
  }
}