0

Submit buttonを使用して単一の入力エントリを取得する 1 つの HTML ページがあり、同じページのコンテナ (データ構造) と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);
}

ここでは、文字列を文字列に格納しますが、Web ページには表示できません。

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 に答える