html形式で値を取得するにはどうすればよいですか？

-2

だから、これは単なる弱い例ですが、私はテキストフィールドと、このようなHTML形式のボタンを作成したと言う：html形式で値を取得するにはどうすればよいですか？

<input name="userInput" type="text"> 
<input value="submit" onclick="test(userInput)" type="submit">

を、私はJavaScriptでこのコードを持っている：いくつかのために

<script language="JavaScript"> 

function test(text){ 
    alert(text); 
} 
</script>

を理由は、これは動作していません。私の質問は、ユーザーがテキストフィールドに入力したテキストを取得し、JavaScriptコードで使用する方法です。

2016-12-16 user214936

入力フィールドIDを与えなければならないでしょうし、ハンドラでIDでフェッチしてその値を取得することができます。 –

このインラインHTMLイベント属性と暗黙的なグローバル変数の使用は、どちらも推奨されていません。 –

今私は興味があります。なぜこれは不本意ですか？私は実際には選択肢によってこれをやっていないのですが、何らかの理由で私のjsファイルに接続するのに問題があります。暗黙のグローバル変数ですか？ – user214936

input要素のvalueプロパティを使用する必要があります。そうでない場合、アラートには[object HTMLInputElement]が含まれます。

function test(input) { 
 
    alert(input.value); 
 
}

<form> 
 
    <input name="userInput" type="text"> 
 
    <input value="submit" onclick="test(userInput)" type="submit"> 
 
</form>

2016-12-16 02:31:17 Punit

またはフォームは、多数の値が含まれている場合は、フォームのイベントを提出するの方法をform.serialize使用することができます。

2016-12-16 05:24:30 Hanumant

答えて