当javascript中出现输入更改时，文本更改inHTML文本区域
当javascript中出现输入更改时，文本更改inHTML文本区域
提问于 2014-07-30 17:12:30
它运行得很好，但是onmouseover，它只改变了一次。如何使onmouseover工作多次？我的意思是当文本数组改变的时候
<html>
<head>
<script>
function myFunction()
{
var i;
var text = ["No Change", "No Change", "Update1", "No Change", "Update2"];
text2="";
for (i=0; i<5; i++)
{
if(text[i]=="No Change")
{
continue;
}
else
{
text2 = text2+text[i]+"\n";
}
}
document.getElementById("myTextarea").value = text2;
}
</script>
</head>
<body>
<textarea id="myTextarea" onmouseover="myFunction()" cols="100" style="color:blue;" readonly> No change </textarea>
</body>
</html>回答 2
Stack Overflow用户
回答已采纳
发布于 2014-07-31 01:29:33
希望我能正确理解你的问题。我稍微修改了您的原始代码，以清理它，所以现在每次调用checkText()时，它都会为textarea编写任何不是“无更改”的值。
<html>
<head>
<script>
var text = ["No Change", "No Change", "Update1", "No Change", "Update2"];
var text2=""; //don't forget to declare variables
function checkText() {
var flag = 0;
for (var i=0; i<text.length; i++) { //unnecessary to declare i outside of loop if not used elsewhere
if(text[i]!="No Change") {
text2 += text[i] + " "; //A simpler way of doing "text = text + something" | "\n" is new line
flag = 1;
}
}
if (flag == 1) {
document.getElementById("myTextarea").value = text2;
} else {
document.getElementById("myTextarea").value = "No change";
}
}
</script>
<head>
<body>
<textarea id="myTextarea" cols="100" readonly> No change </textarea>
<button onClick="checkText()">Check Text</button>
</body>
</html>在我的示例中，代码只在单击按钮时运行，但如果希望它以间隔运行，例如，每秒钟阅读一次关于setInterval()函数这里的内容。
请注意:请记住声明变量，并且只在需要它们的范围内声明它们(也就是说，如果您只需要在for-循环中使用它们，那么就在for-循环中声明它们)。
Stack Overflow用户
发布于 2014-07-30 17:54:10
在没有看到代码的情况下，很难理解您在哪里被困住了，但是根据您的描述，我开发了这段代码。看看这个，我希望它能帮到你。
<html>
<body>
<input type="text" id="a[0]" value="No Change"><br>
<input type="text" id="a[1]" value="No Change"><br>
<input type="text" id="a[2]" value="No Change"><br>
<input type="text" id="a[3]" value="No Change"><br>
<input type="text" id="a[4]" value="No Change"><br>
<input type="text" id="a[5]" value="No Change"><br>
<input type="text" id="a[6]" value="No Change"><br>
<input type="text" id="a[7]" value="No Change"><br>
<input type="text" id="a[8]" value="No Change"><br>
<input type="text" id="a[9]" value="No Change"><br><br>
<input type="button" onclick="change_text_area()" value="Check Now" /><br><br>
<textarea id="text_area" rows="4" cols="50" ></textarea>
<!-- JAVASCRIPT CODE BEGINS -->
<script>
function change_text_area()
{
var flag=0;
var str="";
for (i = 0; i < 10; i++)
{
var inp=document.getElementById("a["+i+"]").value;
if(inp!="No Change")
{
str=str+" "+inp;
flag=1;
}
}
if(flag==1)
{
document.getElementById("text_area").value=str;
}
else
{
document.getElementById("text_area").value="No Change";
}
}
</script>
<!-- JAVASCRIPT CODE ENDS -->
</body>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25042954
复制相关文章
相似问题
腾讯云开发者
