如何用輸入操作循環？

我得到了一個for循環和i想操縱計數器i與屏幕上的輸入。下面我可以選擇從1到10，我希望這個選擇被循環中的計數器取代。這意味着當我選擇2，那麼i應該是2.我從下面的代碼開始，但document.getElementById('options').innerHTML = "i";似乎是錯誤的代碼來操縱。非常感謝你的幫助！如何用輸入操作循環？

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

來源

2017-08-14 Suppe

什麼時候執行的循環？什麼是「做某事」？ – Bergi

你想把'someArray'作爲* selected *值嗎？ – kukkuz

這部分並不重要。只是一些隨機循環。 – Suppe

添加這HTML

<select onChange="doWork(this)">

JS中

function doWork(obj){ 

     obj.innerHTML = obj.value 

}

來源

2017-08-14 16:40:47 wrangler

你需要得到select元素的值，並賦值給i。

var i = document.querySelector('#options').value; 

for(i < someArray; i++){ 
    //code 
}

來源

2017-08-14 16:42:05

如果想在選擇時做一些事情，可以使用onchange方法用select在每次選擇選項時觸發一個函數。

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

但是如果你只想要動態選擇中選擇標籤選項，這可能幫助

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>

來源

2017-08-14 17:11:20

如何用輸入操作循環？

回答

相關問題