ユーザーが値を入力したときにテキストボックスからメッセージボックスにデータを入力する方法はありますか？

Question

範囲選択に3つのテキストボックスを使用しています。ユーザーがテキストボックスに範囲を入力すると、メッセージボックスに範囲値を表示します。

と仮定ユーザーが第一テキストボックスに

1. 100に入り、私は "あなたが< 100を選択している" と表示します。
2. 1番目のテキストボックスに100、2番目のテキストボックスに500を入力してください "101 - 500を選択しました"と表示したい
3. 2番目のテキストボックスに500、3番目のテキストボックスに500を表示します " 1000 "

3番目のテキストボックスに値を入力した後、すべての範囲をメッセージボックスに表示します。

どうすればいいですか？

Answer 1

私は

http://jsbin.com/ovepo4

をコード化しました。この例を見てください

Answer 2

JavaScriptを使用して各テキストボックスから値を取得し、その値をalert関数を介してメッセージボックスに表示したいと思うでしょう。

あなたのテキストボックスは、「第2」、「最初の」と呼ばれ、それは次のようになります「第三」と仮定すると：

var firstValue = document.getElementByName('first').value; 
var firstValue = document.getElementByName('second').value 
var firstValue = document.getElementByName('third').value 

あなたはjQueryのを使用している場合は、そのようにそれを行うことができます。

var firstValue = $('#first').val(); 
var secondValue = $('#second').val(); 
var thirdValue = $('#third').val(); 

は、これらの値を使用すると、いくつかのロジックを実行すると、すなわちあなたのメッセージ、表示することができますように

if(firstValue < 100) { 
    alert('You entered < 100'); 
} 

とします。