0

我试图构建一个应用程序，其中有一个 HTML 页面，我通过使用从中获取单个输入条目Submit button，并存储在容器（数据结构）中，dynamically show that list即字符串列表，在同一页面上

意味着每当我单击提交按钮时，该条目将自动附加到同一页面上的现有列表中。

但在这个任务中，首先我尝试在 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>

JAVASCRIPT 文件：-

function addString(x) {
    var val = x.name.value;
    //var s = document.getElementById("name_id").getElementValue;//x.name.value;
    alert(val);
}

已编辑

我的新 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);
}

这里将字符串存储在字符串中，但无法在网页上显示。

4

2 回答 2

1

看到这个小提琴：http: //jsfiddle.net/MjyRt/

Javascript 几乎是正确的

function addString(x) {
    var s = document.getElementById("name_id").value;//x.name.value;
    alert(s);
}
于 2013-01-19T14:44:05.567 回答
0

尝试使用 jQuery（更简单）

 function addString() {

   var s = $('#name_id').val();//value of input;

    $('#list').append(s+"<br/>");//list with entries  
}


<div id='list'>

</div>
于 2013-01-19T14:51:42.180 回答