0

より良いタイトルがないため、jsfiddleにある例を使用して、それを変換して div 内の数値を取得しようとしています (常に数値になります)。

<div class="output" id="i1">100</div>

そして、その数値を数式に渡し、リアルタイムでpタグに吐き出します(ap タグである必要はありません。別の div.

<p>200</p> or <div id="i2">200</div>

上記の 200 は、div id #i1 の元の値に 100 を加算して計算されます。現在、フィドルは、入力の値を入力すると、リアルタイムの計算が吐き出されることを示しています。

問題は、入力値の代わりに、関数が数値データを DIV タグから引き出し、関数を実行し、それを段落タグに吐き出す場合、どのようになるかということです。その大部分は機能的には完成していると思いますが、DIV テキストからのプルを完全に理解することはできません。

私が見たいくつかの投稿には、リアルタイム入力に関するこの記事、計算と表示に関するこの記事、およびここにある他のいくつかの記事が既に含まれています。

解決

このフィドルは私にとっての解決策を示しています。それは私が以前に持っていたものよりもはるかに簡単です。リスナープラグインに関して以下に示す解決策がありました。これはかなり良さそうに見えましたが、必要なものにはやり過ぎでした。

4

3 に答える 3

0

ここで Observer パターンの使用を検討してください。

詳細については、これを確認してください。http://canjs.us/#can_observe

于 2012-10-19T21:30:37.663 に答える
0

このフィドルは私にとっての解決策を示しています。それは私が以前に持っていたものよりもはるかに簡単です。リスナープラグインに関して以下に示す解決策がありました。これはかなり良さそうに見えましたが、必要なものにはやり過ぎでした。

<form id="vcForm">
    <div id="i1">100</div>
    <p></p>
</form>

</p> 

$("#i1").keyup(function() {
    var input1 = parseFloat($("#i1").text(),10);
    var input2 = 100;
    total1 = parseFloat(input1) + parseFloat(input2);
    $("p").text(total1);
}).keyup()​

その最初の DIV の値は動的になります (スライダーで変化します)。もちろん、これを機能的に拡張するとリアルタイムの更新が表示されますが、元の質問については、これが答えました。

于 2012-10-20T01:42:12.013 に答える
0

div からテキストを取得してフロートに解析するには、次のようにします。

parseFloat(document.getElementById('i1').childNodes[0].nodeValue)
于 2012-10-19T21:36:16.507 に答える