Wie man Schleifen mit Eingaben manipuliert?

Question

Ich habe eine for-Schleife und i möchte den Zähler i mit einer Eingabe auf dem Bildschirm manipulieren. Unten kann ich zwischen 1 und 10 auswählen und möchte, dass diese Auswahl durch den Zähler in der Schleife ersetzt wird. Das heißt, wenn ich 2 wähle, dann sollte i 2 sein. Ich begann mit dem Code unten, aber document.getElementById('options').innerHTML = "i"; scheint der falsche zu manipulierende Code zu sein. Vielen Dank für deine Hilfe!

 <select id="options" size="1"> 
       <option value="1">1</option> 
       <option value="2">2</option> 
       <option value="3">3</option> 
       <option value="4">4</option> 
       <option value="5">5</option> 
       <option value="6">6</option> 
       <option value="7">7</option> 
       <option value="8">8</option> 
       <option value="9">9</option> 
       <option value="10">10</option> 
     </select> 

    for (i=0, i<someArray; i++){ 
    do somethingWith[i];} 

document.getElementById('options').innerHTML = "i"; 

Answer 1

Fügen Sie diese

<select onChange="doWork(this)"> 

In Js

function doWork(obj){ 

     obj.innerHTML = obj.value 

} 

Answer 2

Sie müssen HTML den Wert des select Element erhalten und das zu i zuweisen.

Answer 3

Wenn Sie etwas bei der Auswahl tun möchten, verwenden Sie onchange-Methode mit auswählen, um eine Funktion jedes Mal auszulösen, wenn Sie eine Option auswählen.

<select id="options" size="1" onchange="myFunction()"> 
       <option value="1">1</option> 
       <option value="2">2</option> 
       <option value="3">3</option> 
       <option value="4">4</option> 
       <option value="5">5</option> 
       <option value="6">6</option> 
       <option value="7">7</option> 
       <option value="8">8</option> 
       <option value="9">9</option> 
       <option value="10">10</option> 
     </select> 


<p id="demo"></p> 



<script> 
function myFunction() { 
    var selectedValue = document.getElementById("options").value; 
    var somethingWith = []; 
    for (i=0; i < selectedValue; i++){ 
     somethingWith.push(i); 
    } 

    document.getElementById('demo').innerHTML = somethingWith; 
} 
</script> 

Aber wenn Sie nur eine Option in select-Tag dynamisch auswählen möchten, könnte dies helfen

Select your favorite fruit: 
<select id="mySelect"> 
    <option value="apple">Apple</option> 
    <option value="orange">Orange</option> 
    <option value="pineapple">Pineapple</option> 
    <option value="banana">Banana</option> 
</select> 


<button type="button" onclick="myFunction()">banana</button> 

<script> 
function myFunction() { 
    document.getElementById("mySelect").value = "banana"; 
} 
</script>