0 
<html>
<head>
<title></title>
<script language="javascript">
fields = 0;
function addInput() {
if (fields != 3) {
document.getElementById('text').innerHTML += "<input type='text' value='' /><br />";
fields += 1;
} else {
document.getElementById('text').innerHTML += "<br />Only 3 fields allowed.";
document.form.add.disabled=true;
}
}
</script>
</head>
<body>
<form name="form">
<input type="button" onClick="addInput()" name="add" value="Add input field" />
</form>
</body>
</html>

問題は、このコードを送信した場合、追加された各入力テキストの名前をどのように知ることができるかです。

助けてくれてありがとう、私はJSの初心者です。

4

3 に答える 3

0 
var fields = 0,
    button = document.getElementById( 'button' ),
    text = document.getElementByIs( 'text' ),
    addInput = function() {
        if( fields !== 3 ) {
            fields += 1;
            text.appendChild( '<input type="text" value="" name="fields" /><br />' );
        } else {
            text.appendChild( '<br />Only 3 fields allowed.' );
            document.form.add.disabled = true;
        }
    };
if( window.addEventListener ) {
    button.addEventListener( 'click', addInput, false );
} else if( window.attachEvent ) {
    button.attachEvent ( 'onclick', addInput );
} else {
    button[ 'onclick' ] = addInput; 
}
于 2013-08-01T05:11:04.723 に答える
0

JavaScript コードで作成するときに、ID と名前を割り当てることができます。次の例では、作成時に各入力に ID と名前 "field1"、"field2"、および "field3" を与えます。

<script language="javascript">
    fields = 0;
    function addInput() {
        if (fields != 3) {
            fields += 1;
            document.getElementById('text').innerHTML += "<input id='field" + fields + "' name='field" + fields + "' type='text' value='' /><br />";
        } else {
            document.getElementById('text').innerHTML += "<br />Only 3 fields allowed.";
            document.form.add.disabled=true;
        }
    }
</script>

次に、次のような名前でそれらを呼び出すことができます。

var myFirstField = document.getElementById('field1');

また、ポストバックでは、フォームが別のページに送信された場合にその名前を参照できます。

于 2013-08-01T03:58:36.037 に答える
0

名前フィールドを次のようなhtml配列に変更できます

<input type="button" onClick="addInput()" name="add[]" value="Add input field" />

次に、コードを送信すると、add の配列が取得されます。

これが役立つことを願っています。

于 2013-08-01T03:59:16.317 に答える