选择选项的 Javascript 属性

Question

我需要以下代码的一些帮助，我想将已选择的内容设置为文本区域，但我不想等于/返回值属性而是旁白。对于下面的情况，textarea 正在获得值(value) 1，我希望它获得旁白 Line One

var myOption = document.getElementById('priority1');
var myStrategy = document.getElementById('strategy1');
myStrategy.onchange = function () {
  myOption.value = this.value;
}

<textarea id="priority1" name="priority1"></textarea>
<select id="strategy1" name="strategy1">
  <option value=""></option>
  <option value="1">Line one</option>
  <option value="2">Line Two</option>
  <option value="3">Line Three</option>
</select>

Answer 1

您需要找到 selectedIndex 的 option 的文本内容(或 HTML 内容)。

<textarea id="priority1" name="priority1"></textarea>
<select id="strategy1" name="strategy1">
  <option value=""></option>
  <option value="1">Line one</option>
  <option value="2">Line Two</option>
  <option value="3">Line Three</option>
</select>
<script type="text/javascript">
  var myOption = document.getElementById('priority1');
  var myStrategy = document.getElementById('strategy1');
  myStrategy.onchange = function() {
    myOption.value = this.querySelectorAll('option')[this.selectedIndex].innerHTML;
  }
</script>