wo tut '' Optionen“stammen aus in diesem JavaScript Codeblock

Question

i have this code from MDN which i am trying to understand !

zuerst:>

wo das? 'Optionen' kam in diesem Block: -

for (var i = 0; i < selectObject.options.length; i++) { if (selectObject.options[i].selected) *

Sekunde:>

why it 'options' does work fine inside the function and not work outside the function 

---

Hier ist die Code-

<form name="selectForm"> 
    <p> 
    <label for="musicTypes">Choose some music types, then click the button below:</label> 
    <select id="musicTypes" name="musicTypes" multiple="multiple"> 
     <option selected="selected">R&B</option> 
     <option>Jazz</option> 
     <option>Blues</option> 
     <option>New Age</option> 
     <option>Classical</option> 
     <option>Opera</option> 
    </select> 
    </p> 
    <p><input id="btn" type="button" value="How many are selected?" /></p> 
</form> 

<script> 
function howMany(selectObject) { 
    var numberSelected = 0; 
    for (var i = 0; i < selectObject.options.length; i++) { 
    if (selectObject.options[i].selected) { 
     numberSelected++; 
    } 
    } 
    return numberSelected; 
} 

var btn = document.getElementById('btn'); 
btn.addEventListener('click', function() { 
    alert('Number of options selected: ' + howMany(document.selectForm.musicTypes)); 
}); 
</script> 

Answer 1

1) options Teil der HTML DOM und sind verantwortlich für die Auswahl options Elemente innerhalb des spezifizierten select Element

2) Es Funktioniert außerhalb der Funktion auf einem ausgewählten Element, aber ich nehme an, Sie versuchen, s electObject außerhalb der Funktion zu verwenden, die v Iolates variabler Umfang.

Lesen Sie mehr:

[1] https://www.w3schools.com/jsref/coll_select_options.asp

[2] https://www.w3schools.com/js/js_scope.asp