主页 / 问题 / 1395647
Accepted
Sergiu
Asked:2022-08-31 21:26:40 +0800 CST2022-08-31 21:26:40 +0800 CST

如何获取选定的值并分段发送

  • 772

大家好，不久前我开始学习 JavaScript，遇到了一个难题。在我的 JS 脚本中，我将选择的值发送到类.selected_index_value到目前为止还不错的段落，但现在任务不同了，不是仅将值发送到第一个找到的段落，而是发送到页面上存在的所有相同的段落ID。如果您有任何想法如何做到这一点，请帮助我。

我的代码和所有经过测试的选项：

  1. getElementsByClassName 
    document.getElementById('item1').onchange = function(){ 
    document.getElementsByClassName('selected_index_value')[0].innerHTML = this.options[this.selectedIndex].innerHTML; 
}
    <select id="item1" name="Item 1">
      <option></option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
<p class="selected_index_value"></p>
<p class="selected_index_value"></p>

2.querySelector

document.getElementById('item1').onchange = function(){
    document.querySelector(".selected_index_value").innerHTML = this.options[this.selectedIndex].innerHTML;        
}
<select id="item1" name="Item 1">
      <option></option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
<p class="selected_index_value"></p>
<p class="selected_index_value"></p>

到目前为止，这是唯一的方法，但是我没有尝试过document.getElementById()，否则我知道它不会起作用，即使我删除上面的索引0 getElementsByClassName()[0]，它也不起作用。

该片段也托管在 codepen Codepen.com上

javascript

1 个回答

  1. Best Answer

    有必要吗？

    document.getElementById('item1').onchange = function () {

  const collection = document.querySelectorAll('.selected_index_value');
  for (const item of collection) {
    item.innerHTML = this.options[this.selectedIndex].innerHTML;
  }

}
    <select id="item1" name="Item 1">
  <option></option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<p class="selected_index_value"></p>
<p class="selected_index_value"></p>

    • 0

相关问题