Question

我还是初学者因此很难，但如何在警报框中显示我选择的选项。所以它会是＃34;你选择了（价值），（价值），（价值）＆＃34;。

这是我的选择列表

＆＃13;

componentDidMount

＆＃13;

我应该添加一个按钮吗？但我所挣扎的是javascript。

Answer 1

尝试这样的事情：

＆＃13;

function selectedValues()
{
  var x=document.getElementById("options");
  var selectedValues= '';
  for (var i = 0; i < x.options.length; i++) {
     if(x.options[i].selected ==true){
          selectedValues += x.options[i].value + ", ";
      }
  }
  alert("You selected: "+ selectedValues.slice(0, -2));
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form id='form1'>
<select id="options" multiple onchange="selectedValues()">
<option value="action">Action</option>
<option value="animation">Animation</option>
<option value="children">Children</option> 
<option value="classics">Classics</option> 
<option value="comedy">Comedy</option>
<option value="documentary">Documentary</option>
<option value="drama">Drama</option>
<option value="family">Family</option> 
<option value="foreign">Foreign</option>
<option value="games">Games</option>
<option value="horror">Horror</option>
<option value="music">Music</option>
<option value="new">New</option>
<option value="scifi">Sci-Fi</option>
<option value="sports">Sports</option> 
<option value="travel">Travel</option> 
</select>
</form>

＆＃13;

Answer 2

访问select标签的选定元素的最简单方法是使用“selectedOptions”属性。我会这样做：

var form = document.getElementById('form1');
form.addEventListener('submit', function () {
    var select = form.querySelector('#options'),
        options = select.selectedOptions,
        values = [];

    for (var i = options.length - 1; i >= 0; i--) {
        values.push(options[i].value);
    }

    alert('You selected: ' + values.join(', '));
}, false);

在警报中显示多个选择值？

2 个答案: