0

私は初心者で、送信ボタンについて何か知りたいです。私は非常に小さなプログラムに取り組んでいます。いくつかの名前を書くことができ、それらの値を保存して Javascript コードで使用したいと考えています。

私がまさに望んでいるのは、すべてのテキストボックスを呼び出して、Javascript で値 (名前) を使用できるようにすることです。

    <form name="input" action="#" method="post">
    <table>
        <tr>
            <td>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
            </td>
    </tr>
</table>

    <input type='submit' >

編集:次の質問は、javascript を実行するボタンをどのように作成するかです。ユーザーが型名を入力し終えたら、ボタンを押すと、javascript が実行され、「txt」値が入力配列にスタックされますか? JavaScriptの作り方は知っていますが、ボタンが問題です。どうやってそれを作るのですか?

4

3 に答える 3

0

すべての値を取得したい場合inputは、html

<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="button" value="Calculate" onclick="Calculate()" />

javascript次に、このように使用できます

function Calculate(){
    var inputs = document.getElementsByName("txt");
    for(i=0; i<inputs.length; i++)
    {
       alert(inputs[i].value);
    }
}

getElementsByName() リファレンス

jquery

function Calculate(){  
    $("input[name=txt]").each(function(){
         alert($(this).val());
    });
}
于 2013-01-20T08:08:36.307 に答える
0

jquery を使用して、より簡単でシンプルな値を取得することをお勧めします。http://api.jquery.com/attribute-equals-selector/

<form name="input" action="#" method="post">
<table>
    <tr>
        <td>
            <input type="text" name="1" value="Insert name"><br/>
            <input type="text" name="2" value="Insert name"><br/>
            <input type="text" name="3" value="Insert name"><br/>
            <input type="text" name="4" value="Insert name"><br/>
            <input type="text" name="5" value="Insert name"><br/>
            <input type="text" name="6" value="Insert name"><br/>
            <input type="text" name="7" value="Insert name"><br/>
            <input type="text" name="8" value="Insert name"><br/>
            <input type="text" name="9" value="Insert name"><br/>
            <input type="text" name="10" value="Insert name"><br/>
        </td>
</tr>

<input type='submit' >

<script>
 var one = $('input[name=1]').val();
 var two = $('input[name=2]').val();
 var three= $('input[name=3]').val();
 var four = $('input[name=4]').val();
 ..
 //use one,two,three according to your wish
</script>

またはさらに簡単です(をに変更name=1,2..しますname=txt):

$('input[name=txt]').each(function() {
  alert($(this).val());
});

$('input[name=txt]')< -- この部分は、すべての入力からの値の配列になります。eachそれらを繰り返します。

編集: ボタンは次のようになります。

<input type="button" id="submitme" value="Submit"/>  

そして、次のように js 関数を呼び出します。

$('#submitme').click(function(){
   $('input[name=txt]').each(function() {
     alert($(this).val());
   });      
});

ちなみに、最初にフォームを送信したくないと仮定しましたが、値を配列に取得するだけです。

于 2013-01-20T08:11:35.593 に答える
0

JQuery を使用できます。

このような

 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>

コード:

 $('input[name="txt"]').each(function(index, element) {
       alert(element.value);         
 });
于 2013-01-20T08:14:05.147 に答える