selectedOptions.length在Internet Explorer中不起作用，但在chrome和firefox中可以正常工作吗？

Question

我一直在使用ui.multiselect.js ，它与HTML Select相似：

我想要选定元素的长度。 所以我用下面的代码：

var selectedOption =  document.getElementById('animalList').selectedOptions.length;

但是似乎selectedOptions.length在IE中不起作用，但在Chrome和Firefox中正常工作

以下是我已经尝试过的替代方法：

var select = document.getElementById('animalList');
var len = select.options.length;

我得到的结果为0。

$("#animalList :selected").length;

我得到的结果为0。

Answer 1

要使用multiselect获得select元素的数量，请确保您的代码如下所示：

 $(document).ready(function() { $('button').click(function() { // jquery version var count = $("#foo :selected").length; console.log("jQuery Count: " + count); // pure javascript version var options = document.getElementById('foo').options, count = 0; for (var i=0; i < options.length; i++) { if (options[i].selected) count++; } console.log("Pure Javascript: " + count); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button>Count Selected</button><br> <select multiple id="foo"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select> 

单击按钮时，将同时执行纯JavaScript版本和jQuery版本。

Answer 2

您可以使用以下方法获得长度

  var len = 0;
  if($("#animalList").val()!=null){
   len = $("#animalList").val().length;
  }

工作场所