主页 / 问题 / 1416692
Accepted
Sergiu
Asked:2022-08-03 21:56:13 +0000 UTC2022-08-03 21:56:13 +0000 UTC

如何从段落选择选项中显示文本

  • 772

我正在尝试从<select id="past"></select>. 不幸的是，它对我不起作用，我尝试了很多方法，但都是徒劳的，因为我不太了解 javascript。但Inspect Element一切都显示得很好。

我需要以<select id="past"></select>与Inspect Element.

我尝试了以下方法：（ps：在我看来，这里的数据显示不好，我在上面复制了一份codepen.io）

COD HTML/JS 

let elements = document.querySelectorAll('p');
for (var i = 0; i < elements.length; i++) {
  document.getElementById("past").innerHTML = `<option>` + elements.[i].textContent + `</option>`;
  console.log(elements[i].textContent);
}
<p>test1</p>
<p>test2</p>
<p>test3</p>
<p>test4</p>
<hr>
<select id="past"></select>

然后我尝试这样：codepen.io

COD HTML/JS

let elements = document.querySelectorAll("p");
for (let elem of elements) {
  document.getElementById("past").innerHTML =
    `<option>` + elem.innerHTML + `</option>`;
}
<p>test1</p>
<p>test2</p>
<p>test3</p>
<p>test4</p>
<hr>
<select id="past"></select>

我不知道如何显示所有数据，只显示最后一个选项。

javascript

1 个回答

  1. Best Answer

    忘记添加+

    例子

    let elements = document.querySelectorAll("p");
for (let elem of elements) {
  document.getElementById("past").innerHTML +=
    `<option>` + elem.innerHTML + `</option>`;
}
    <p>test1</p>
<p>test2</p>
<p>test3</p>
<p>test4</p>
<hr>
<select id="past"></select>

    • 2

相关问题