Question

我正在尝试编写一个包含多个文本框和一个按钮的程序。当用户点击该按钮时，文本框的值将更改为how are you。

我不确定如何为表达式i

引用值document.getElementById('text'+i).value= 'how are you'

 <input name="text1" type="text" id="text1" value="textbox 1"                 
 onFocus="this.style.background ='yellow'" onBlur="this.style.background='white'">
 <input name="text2" type="text" id="text2" value="textbox 2"                             
 onFocus="this.style.background = 'yellow'" onBlur="this.style.background='white'">

function popup() {
    for( int i; i <2, i++) {      
      document.getElementById('text'+i).value= 'how are you'      
    }
}

<input type="button" value="Click Me!" onclick="popup()"><br />

我已经更改了for循环部分，但它仍然不能正常工作：

function popup() {
    for( var i = 1, i <= 2, i++) {
      document.getElementById('text'+i).value= 'how are you'
    }
}

该程序是否可以像C ++一样使用foreach循环？首先，它将计算您拥有的文本框的数量，然后创建一个从1开始的列表到textboxe的总数，然后写一个for循环来计算文本框。

Answer 1

for(var i = 1; i <=2; i++) {
    document.getElementById('text'+i).value= 'how are you'      
}

澄清：

您需要初始化i为1
您需要将休息条件更改为i<=2

JavaScript是动态类型语言，因此变量声明中没有类型。

@esailija的错误：

i未初始化为数字。
,代替;
int i代替var i
一个错误。

Answer 2

使用单词var在JS中声明变量。不要忘记你的分号。

function popup() 
{  
  for(var i=1; i <= 2; i++) {     
    document.getElementById('text'+i).value = 'how are you';        
  }  
}

Answer 3

为了简单起见，我会指出在循环中只有两次迭代和一行代码的for循环有点浪费打字。你也可以这样做：

var str = 'how are you';
document.getElementById('text1').value = str;   
document.getElementById('text2').value = str;

Answer 4

var用于在javascript中声明变量
变量应在for-loop
for循环条件应该是正确的，以确保它循环右侧次数。 < 2会让它停在1上。

据我了解，您希望i变量也显示在您的文本中。只需在字符串末尾添加+ i即可。否则，只需删除该部分。

这将循环“text1”和“text2”

for( var i=1; i <= 2; i++) {
  document.getElementById('text'+i).value = 'how are you' + i;
}

单击按钮时如何更改此输入的值？

4 个答案: