Question

我有一个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";

Answer 1

您需要获取i元素的值并将其分配给var i = document.querySelector('#options').value; for(i < someArray; i++){ //code }。

{{1}}

Answer 2

将此添加到HTML

<select onChange="doWork(this)">

在Js

function doWork(obj){

         obj.innerHTML = obj.value

}

Answer 3

如果想在选择时做一些事情，请使用onchange方法，选择每次选择选项时触发一个函数。

 <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标签中动态选择一个选项，这可能会有所帮助

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>

如何使用输入操作循环？

3 个答案: