1

入力タイプ番号があります。ユーザーがそのフィールドに番号を入力したら。その下にたくさんの入力タイプを生成したいと思います。どうすればjavascriptまたはAjaxでそれを行うことができますか？

<table width="100%">
    No of Plans:
    <input type="text" name="numbers" value="" onkeypress="return isNumberKey(event)"/>  //using AUI here to check if numbers only
    //If the number is 5 say. I need to generate 5 input fields under here.

ユーザーが数字だけを入力したことを確認する私のJavascriptは

<script type="text/javascript">
    function isNumberKey(evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;

        return true;
    }
</script>

これはすべて私のために働いています。に入力された値として入力フィールドを生成するループが必要ですnumbers。

4

3 に答える 3

2

このようなものが役立つはずです：

function createInputs() {
    var num = 123, // <-- user-defined
        i,
        input,
        body = document.getElementsByTagName("body")[0];

    for (i = 0, i < num; i++) {
        input = document.createElement("input");
        input.type = "text";

        // Add to the DOM
        body.appendChild(input);
    }
}
于 2011-12-12T11:16:33.783 に答える
1

create elementを使用して、入力要素を動的に作成できます

これを参照してくださいhttp://viralpatel.net/blogs/2009/01/dynamic-add-textbox-input-button-radio-element-html-javascript.html

function addElement(eletype){
    var ele = document.createElement("input");
    ele.setAttribute("type", eletype);
    //id is the id1 of the div or any component in which you want to add this element
    var baseele = document.getElementById("id1");
    baseele.appendChild(ele);
}
于 2011-12-12T11:14:36.563 に答える
0

あなたはここで良い助けを見つけます

http://viralpatel.net/blogs/2009/01/dynamic-add-textbox-input-button-radio-element-html-javascript.html

于 2011-12-12T11:15:30.090 に答える