主页 / 问题 / 745705
Accepted
Игорь Мясников
Asked:2020-11-17 01:27:20 +0000 UTC2020-11-17 01:27:20 +0000 UTC

如何更改选择中的选定选项？

  • 772

再会。单击表格行之一时，如何在选择中选择适当的选项？即单击第 3 行 - 将选择选项 3，等等。

javascript

1 个回答

  1. Best Answer

    document.querySelector("table").addEventListener('click', function (e) {
  var td = e.target.closest("td[data-val]")

  if (td) {
    document.querySelector("select").value = td.dataset.val
  }
})
    table { display: inline-table; }
table, tr, td { border: 1px solid; }
td { cursor: pointer; }
    <table><tr><td data-val=1>First<td data-val=2>Second<td data-val=3>Third</tr></table>
<select><option value=1>Первый<option value=2>Второй<option value=3>Третий</select>

    • 2

相关问题