-1 
First name: <input type="text" name="firstname"></input>
<input type="submit" value="Submit" />

上記の単純なフォームがあるとしましょう。JSの[名]フィールドにユーザーが入力した内容を取得するにはどうすればよいですか。私は試した：

document.getElementsByTagName("input")[1].onclick = function() {
    inputted = document.getElementsByTagName("input")[0].innerHTML;
}

しかし、それはうまくいきません。どうすればいいですか？

4

3 に答える 3

2

valueテキスト入力に使用：

 inputted = document.getElementsByTagName("input")[0].value;

varまた、グローバル変数を作成しないように、変数にキーワードを追加してください。

var inputted = document.getElementsByTagName("input")[0].value;

また、自己</input>終了タグであるため、終了タグを付けないでください。

<input type="text" name="firstname" />

ちなみに、以下の構文を使用して要素の値を取得することもできます。

formName.elementName.value;

または

document.forms['formName'].elementName.value;

あなたの場合は次のようになります。

var inputted = formName.firstname.value;

または

var inputted = document.forms['formName'].firstname.value;

formName要素の名前に置き換えます<form>。

最後にvalue、適用idすると要素を取得することもできます。

<input type="text" name="firstname" id="firstname" />

次に使用しますgetElementById：

var inputted = document.getElementById('firstname');
于 2012-06-02T16:07:47.687 に答える
0 
 var inputs=document.getElementsByTagName("input"),
      i=inputs.length;
 //
    while(i--){
               inputs[i].onclick=myClickEventHandler;
     };
//
 function myClickEventHandler(evt){
    var myVal;
     switch (this.name) {

        case 'firstname':

             myVal = this.value;
            break;
    };
 };
于 2012-06-02T16:24:47.943 に答える
-1

フォームを使用している場合は、代わりに次のようなものを試すことができます。

var input = document.forms["formName"]["fieldName"].value;

それ以外の場合は、属性を利用し.valueます：

var input = document.getElementsByTagName("input")[0].value;
于 2012-06-02T16:10:52.700 に答える