不在网页上动态地追加输入字符串
Does not append input strings dynamically on the web page
我是javascript语言的新手。我试图建立一个应用程序,其中有一个HTML页面,我通过使用Submit button
获得单个输入条目,并存储在容器(数据结构)和dynamically show that list
即,字符串列表,在同一页面
表示每当我单击提交按钮时,该条目将自动在同一页的现有列表上追加。
HTML FILE:-
<html>
<head>
<script type = "text/javascript" src = "operation_q_2.js"></script>
</head>
<body>
Enter String : <input type= "text" name = "name" id = "name_id"/>
<button type="button" onClick = "addString(this.input)">Submit</button>
</body>
</html>
JAVASCRIPT代码var input = [];
function addString(x) {
var s = document.getElementById("name_id").value;//x.name.value;
input.push(input);
var size = input.length;
//alert(size);
printArray(size);
}
function printArray(size){
var div = document.createElement('div');
for (var i = 0 ; i < size; ++i) {
div.innerHTML += input[i] + "<br />";
}
document.body.appendChild(div);
//alert(size);
}
这里它在input Array
中存储字符串,但无法在网页上显示。需要帮助吗?
再告诉我一件事,给定链接上有一个代码。它也没有给出期望的答案。请帮我克服这个问题。
<html>
<body>
<script>
function addValue(a) {
var element1 = document.createElement('tr');
var element2 = document.createElement('td');
var text = document.createTextNode(a);
var table = document.getElementById('t');
element2.appendChild(text);
element1.appendChild(element2);
table.tBodies(0).appendChild(element1);
}
</script>
Name: <input type="text" name="a">
<input type="button" value="Add" onClick='javascript:addValue(a.value)'>
<table id="t" border="1">
<tr><th>Employee Name</th></tr>
</table>
</body>
</html>
在您的代码中,您将条目推到输入数组的末尾,您试图将数组而不是值推到数组中。所以如果你的问题是你的值没有被附加到页面上,那是因为你试图将最初为空的数组附加到它自己上。
所以不用
input.push(input);
应该是
input.push(s);
因为"s"已经声明为文本字段的值。
如果你不打算使用你传入的参数,我会把它去掉。
相关文章:
- 使用jQuery'生成输入字段;s追加
- jQuery-根据值在输入字段后追加图像
- jQuery动态使用.append()添加输入,但发布表单不是追加数据
- 单击后,将子项与输入字段类似树追加
- 在追加时清除所有输入文本框值
- 使用用户输入追加表行
- 在文本字段中将输入与定义的文本一起追加
- 将用户输入从文本框追加到新元素
- 如何使用 javascript 或 jquery 使用追加更改输入中的类值
- 在追加后隐藏输入(之后)
- 将输入文本追加到输入值
- 追加了 JQuery 的代码不会在输入文件上触发单击事件
- 使用Javascript将输入值追加到列表中.待办事项列表
- 无法追加输入
- jquery追加结果输入按钮列表无法得到确切的值
- 如何使用jquery'追加'在'焦点'ed输入,如果有多个输入具有相同的类
- jQuery:使用动态生成的变量作为选择器,将JSON输入追加为内容
- 试图用%符号追加输入值
- 循环数组,追加输入文本框,然后设置这些文本框的值
- 不在网页上动态地追加输入字符串