0

これは私が持っているものですhttp://jsfiddle.net/bd9wv/ ...私がやろうとしているのは、ユーザーが数字を入力できるボックスを用意し、彼らが与えた数字に基づいてコメントを返すことができるようにすることです..私が持っているもの1つだけで機能します...誰かが私に言っても構わないなら...何が入力を保持しているのか、それは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 に答える