0

这就是我所拥有的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);
}
4

2 回答 2

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>

演示：http: //jsfiddle.net/bd9wv/1/

于 2013-06-25T00:56:37.427 回答
0

我无法清楚地理解；但请尝试这是否适合您http://jsfiddle.net/bd9wv/2/

例子：

var val = $(this).parent().find('.number').val();

在这里，我使用了类并用另一个包围了 html 块div

于 2013-06-25T01:10:06.450 回答