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;
  }

工作場所