这就是我所拥有的http://jsfiddle.net/bd9wv/ ...我想要做的是有用户可以输入数字的盒子,并且能够根据他们给出的数字回复...我有什么工作的只有一个...如果有人不介意告诉我......什么是输入,我认为它是var val?我想我应该能够添加更多的盒子。 exp ... var al id="number1" type="text"/>
...然后在js ..... msg = 'Thank you for the wonderful number: ' + (val+al);
但这对我不起作用。我想要10盒...但2-3对我来说是好事,看看它是如何完成的。我不理解的是什么是输入和如何使用它...解释一点将是伟大的,我认为提交可能会让我。但如果你有一个例子,我可以看一下它的数字,我会非常感激!!
$('#someButton').click(function () {
var val = $('#inputFieldId').val();
var $outputDiv = $('#outputFieldId');
var msg = '';
if (! $.isNumeric(val)) {
msg = 'Please enter a valid number';
}
else if (parseInt(val, 10) > 100) {
msg = 'Enter number less than 100';
}
else {
msg = 'Thank you for the wonderful number: ' + val;
}
$outputDiv.text(msg);
}
答案 0 :(得分:1)
保留大部分代码,您可以完成这项工作。我将你的ID更改为类,因为会有多个类似的元素。我修改了你的JS的一部分:
var val = $(this).prev(".number").val();
var $outputDiv = $(this).next().next(".feedback");
使用this
,您可以找到与用户输入的input
最接近的元素。
你的HTML:
Enter number: <input class="number" type="text"/>
<button class="btnNumber">Submit</button>
<br/>
Feedback: <div class="feedback"></div>
答案 1 :(得分:0)
我无法理解;但请尝试这是否适用于您或http://jsfiddle.net/bd9wv/2/
示例:
var val = $(this).parent().find('.number').val();
这里我使用了类,并用另一个div