Javascript中未捕获输入项
我试图构建一个应用程序,其中有一个HTML页面,通过使用Javascript中未捕获输入项,javascript,html,Javascript,Html,我试图构建一个应用程序,其中有一个HTML页面,通过使用Submit按钮,我可以从中获得单个输入条目,并将其存储在容器(数据结构)中,动态显示列表,即同一页面上的字符串列表 意味着每当我点击提交按钮时,该条目将自动 附加到同一页上的现有列表上 但在这个任务中,首先我尝试在javascript文件中捕获输入,但同样失败。你能告诉我,我将使用哪个命令吗 到目前为止,我的工作是:- HTML文件:- <html> <head> <script ty
Submit按钮
,我可以从中获得单个输入条目,并将其存储在容器(数据结构)中,动态显示列表,即同一页面上的字符串列表
意味着每当我点击提交按钮时,该条目将自动
附加到同一页上的现有列表上
但在这个任务中,首先我尝试在javascript文件中捕获输入,但同样失败。你能告诉我,我将使用哪个命令吗
到目前为止,我的工作是:-
HTML文件:-
<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>
function addString(x) {
var val = x.name.value;
//var s = document.getElementById("name_id").getElementValue;//x.name.value;
alert(val);
}
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);
}
已编辑
我的新JAVASCRIPT文件是:-
<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>
function addString(x) {
var val = x.name.value;
//var s = document.getElementById("name_id").getElementValue;//x.name.value;
alert(val);
}
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);
}
var输入=[];
函数addString(x){
var s=document.getElementById(“name_id”).value;//x.name.value;
输入。推送(输入);
变量大小=input.length;
//警报(大小);
打印阵列(大小);
}
函数printArray(大小){
var div=document.createElement('div');
对于(变量i=0;i ”;
}
文件.正文.附件(div);
//警报(大小);
}
在这里,它将字符串存储在字符串中,但无法显示在网页上。查看此小提琴:
Javascript几乎是对的
function addString(x) {
var s = document.getElementById("name_id").value;//x.name.value;
alert(s);
}
尝试使用jQuery(更简单)
函数addString(){
var s=$('#name_id').val();//输入值;
$(“#list”)。附加(s+”
“;//带条目的列表
}
谢谢,我花了很多时间才做到这一点:(你能告诉我有什么好的网站可以搜索关于javascript编码的任何东西吗?如果你想学习原生javascript,不要使用jQuery。如果你想使用简单的javascript,库中90%的人都会使用jQuery。@Neils:我又卡住了,出现了新问题。请帮助。阅读我编辑的代码++I
应该是 i++
。因为++1
在读取之前会增加值。而i++
之后会增加值。您的索引太高,从1开始,而不是0谢谢:),但我必须在javascript+HTML+CSS中完成这些赋值。(这是我的初始阶段)。当我在这些方面获得了很好的知识后,我将跳入jQuery。