使用Javascript使用输入文本字段动态更改函数中的值_Javascript

使用Javascript使用输入文本字段动态更改函数中的值

javascript

使用Javascript使用输入文本字段动态更改函数中的值,javascript,Javascript,我不确定标题是否有意义，但我正在尝试通过文本输入动态更改循环中变量的值请看一下我目前的代码 <script type="text/javascript"> function test() { var count; var str = document.getElementById('inputter').value; var plus = str; for(count = 0; count < 5; count++, str += plu

我不确定标题是否有意义，但我正在尝试通过文本输入动态更改循环中变量的值

请看一下我目前的代码

<script type="text/javascript">

function test() {

    var count;
    var str = document.getElementById('inputter').value;
    var plus = str;

    for(count = 0; count < 5; count++, str += plus){

        document.write("<br />");
        document.write(str);

    }
};

</script>

<input type="text" id="inputter" name="inputter"></form>
<button id="sub"  type="button" onclick="test()">Try It Out</button>


功能测试（）{
var计数；
var str=document.getElementById（'Inputer'）。值；
var plus=str；
对于（计数=0；计数<5；计数++，str+=plus）{
文件。写（“
”）；
文件编写（str）；
}
};
试试看

因此，如果你点击按钮，在文本字段中输入任何值，例如。。。如果你加上“X”，结果会是

XXX

XXXX

XXXXX

但是表单字段消失了，我必须刷新页面才能再次执行？有没有一种方法可以动态地执行此操作？因此，在不刷新的情况下，我希望能够键入一个新字符串，并且它会改变

提前谢谢

你的意思是这样的吗

var str;

function test() {

    var str += document.getElementById('inputter').value;
    document.write("<br />");
    document.write(str);

}

var-str；
功能测试（）{
var str+=document.getElementById（'Inputer'）。值；
文件。写（“
”）；
文件编写（str）；
}

文档。write（）

正在覆盖您的页面。不要使用它，使用DOM修改函数将字符串放入DIV中

<input type="text" id="inputter" name="inputter"></form>
<button id="sub"  type="button" onclick="test()">Try It Out</button>
<div id="output"></div>

<script>
function test() {

    var count;
    var str = document.getElementById('inputter').value;
    var plus = str;
    var output = '';
    for(count = 0; count < 5; count++, str += plus) {
        output += "<br />" + str;
    }
    document.getElementById('output').innerHTML = output;
};
</script>


试试看
功能测试（）{
var计数；
var str=document.getElementById（'Inputer'）。值；
var plus=str；
var输出=“”；
对于（计数=0；计数<5；计数++，str+=plus）{
输出+=“
”+str；
}
document.getElementById（'output'）。innerHTML=output；
};

使用div并填充数据：

<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
    <form>
        <input type="text" id="inputter" name="inputter">
        <button id="sub" type="button" onclick="test()">Try It Out</button>
    </form>

    <div id="theText"></div>

    <script type="text/javascript">
        function test() {

            var count;
            var str = document.getElementById('inputter').value;
            var plus = str;
            var theText = document.getElementById('theText');

            for (count = 0; count < 5; count++) {
                str += plus;
                theText.innerHTML = theText.innerHTML + str + '<br/>';
            }
        };
    </script>
</body>
</html>


在此处插入标题
试试看
功能测试（）{
var计数；
var str=document.getElementById（'Inputer'）。值；
var plus=str；
var theText=document.getElementById（'theText'）；
用于（计数=0；计数<5；计数++）{
str+=plus；
theText.innerHTML=theText.innerHTML+str+'
'；
}
};

是否希望旧的X替换为新的字符串值？