javascript - 获取更改事件 javascript 上所有选择选项的值

Question

一旦记录了更改事件，我想知道选择元素的所有值。

代码是这样的:

PHP

<select name='variant' class='variantsselect' onchange='on(this.value)'>
  <option value='a'>a</option>
  <option value='a'>a</option>
</select>

JAVASCRIPT

function on(value){
    alert(value); //This gives me selected value
};

当在选择元素上记录更改事件时，我需要值a和b。有人可以帮忙吗？

Answer 1

<select name='variant' class='variantsselect' onchange="javascript:valueselect(this)">

function valueselect(sel) {
      var value = sel.options[sel.selectedIndex].value;
      alert(value)
   }

编辑:

<select name='variant' id='variant' class='variantsselect' onchange="javascript:displayResult()">

function displayResult() {
  var x = document.getElementById("variant");
  var i;
  var txt = "Text: ";

  for (i = 0; i < x.length; i++) {
    txt = txt + "\n" + x.options[i].text;
  }

 alert(txt);

}