JavaScriptでテキストボックス/ HTML

私は現在、私のJavaScriptコード内にこれを持っている介してユーザが入力したテキストを表示する方法：どのようなユーザータイプを収集するための方法を探していたJavaScriptでテキストボックス/ HTML

<html> 
<head> 
    <title> 
     Form 
    </title> 

<script type="text/javascript"> 

var input = document.getElementById('textbox'); 
     function namet() 
     { 
     alert(textbox.value); 
     } 


    var input2 = document.getElementById('location'); 
     function namet2() 
     { 
     alert(location.value); 
     } 
</script> 


    </head> 

<body> 

Your name: 
<input type="text" name="FirstName" id="textbox" <br><br/> 

Your Address: 
<input type="text" name="address" id="location" <br></br> 

click: 
<input type="button" value="submit" onclick="namet()"/> 

</body> 
</html>

...とをテキストボックス内で、「クリック」ボタンをクリックすると、アラートボックスに表示されます。確認のようなものです。

また、アラートボックスで[OK]をクリックした後に、別のページにリダイレクトする方法もわかります。

ありがとうございます。

出典

2011-11-08 Spartan Man

これは簡単に達成できます。

7 <script type="text/javascript"> 
8 
9 var input = document.getElementById('textbox'); 
10  function namet() 
11  { 
12  alert(textbox.value); 
13  } 
14  
15  
16 var input2 = document.getElementById('location'); 
17  function namet2() 
18  { 
19  alert(location.value); 
20  } 
21 </script>

：：ちょうどいくつかのmisnamed変数...

は、あなたが与えた例、変更を考える

7 <script type="text/javascript"> 
8 
9 var textbox = document.getElementById('textbox'); 
10  function namet() 
11  { 
12  alert(textbox.value); 
13  } 
14  
15  
16 var location = document.getElementById('location'); 
17  function namet2() 
18  { 
19  alert(location.value); 
20  } 
21 </script>

お役に立てば幸いです。 comment--

に基づいて

--editは、次のような、一つに二つの個別の機能をオンにし、先に行くと、関数内の変数を設定します。

<script type="text/javascript"> 
function showConfirmationDialog() { 
    var textbox = document.getElementById('textbox'); 
    var location = document.getElementById('location'); 
    alert(textbox.value + '\n' + location.value); 
} 
</script> 

... 

<input type="button" value="submit" onclick="showConfirmationDialog();" />

--re編集を：馬鹿のように、.value ... fixedを忘れてしまった。

出典

2011-11-08 21:34:29 Geekswordsman

関数の内部にある。 DOMがロードされる前に割り当てが実行されると、要素への参照は含まれません。（さらに、変数の範囲を必要最小限に絞り、可能な限りそれらを意図された使用に近づけることがベストプラクティスです）。 – David

答えをいただきありがとうございます。今後のご意見をお待ちしております。しかし、私は2つのテキストボックスのテキストを1つのalertboxに表示したかったのですが、入力した内容の確認のようでした。ありがとう –

@SpartanMan – Geekswordsman

-2

使用jqueryの

$(document).ready(function(){ 
    $("form").submit(function() { 
    var fname = $('#fname').val(); 
    var lname = $('#lname').val(); 
    alert("First Name:"fname\n"Last Name:"lname); 
    }); 
});

とフォーム

<form> 
<input type="text" name="fname" id="fname" /> 
<input type="text" name="lname" id="lname" /> 
<input type="submit" value="submit" /> 
</form>

希望これは

出典

2011-11-08 22:08:53

を助け、コードの下に使用してください：私はまた、変数の代入を置くことをお勧めしたい

<script type="text/javascript"> 
    function namet() { 
     var input = document.getElementById("textbox").value; 
     var input2 = document.getElementById("location").value; 
     alert("Name : " +input+" Location : " +input2); 
     window.location.assign("anypage.html") 
    } 
</script>

出典

2015-08-23 02:30:02

JavaScriptでテキストボックス/ HTML

答えて

関連する問題