如何在用户输入值时从文本框填充消息框？

Question

我使用3个文本框进行范围选择。当用户在文本框中输入范围时，我想在消息框中显示范围值。

假设用户在第一次文本框中输入

1. 100，我想显示 “你被选中< 100”。
2. 100个第一个文本框和500个第二个文本框我想显示“您被选中101 - 500”
3. 500个第二个文本框和1000个第三个文本框我想显示“您被选中501 - 1000“

在第3个文本框中输入值后，我想在消息框中显示所有范围。

我该怎么做？

Answer 1

看一看这个例子中，我编码

http://jsbin.com/ovepo4

Answer 2

你会希望通过alert功能使用一些JavaScript来从每个文本框中获取值，并显示这些值的一个消息。

假设您的文本框被称为“第一”，“第二”和“第三”它会是这个样子：

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'); 
} 

等。