selectedOptions.length не работает в Internet Explorer, но работает правильно в chrome и firefox?

Question

Я работаю с ui.multiselect.js, который похож на HTML. Выберите:

Мне нужна длина выбранных элементов. Таким образом, я использовал код ниже:

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; 

Я получаю результат s 0.

Answer 1

Чтобы получить отсчет в select элемента с помощью multiselect, убедитесь, что ваш код выглядит следующим образом:

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

WORKING FIDDLE