2017-08-24 23 views
0

を働いていない私は変数のリストでは、100の以上の項目のための2つの数字の間の単純な割り算をする必要があり、Javascriptを+ Djangoは、簡単な計算が

ループ内でHTMLのようなものになります。

<input id="box1{{ item.0 }}" type="text" onkeyup="calculate()" /> 
<input id="box2{{ item.0 }}" type="text" onkeyup="calculate()" value="{{ item.7 }}"/> 
<input id="result{{ item.0 }}" /> 

そして、私はこれがループ内で動作させることはできません何らかの理由で私のスクリプト

function calculate(){ 
    console.log(1); 
    var myBox1 = document.getElementById('box1{{ item.0 }}').value; 
    var myBox2 = document.getElementById('box2{{ item.0 }}').defaultValue; 
    var result = document.getElementById('result{{ item.0 }}'); 
    var myResult = myBox1/myBox2; 
    result.value = myResult;} 

、スクリプトは私のリストの各項目についてのループ内にあるJSはCAPTことができないので、多分それはありますジンジャ変数{{item}}を確認しますか?

+0

console.log( '' {{item}}」)を実行するとどうなりますか? – rob

+0

残念ですが、console.log(1)をconsole.log( "{{item}}")、ライブページのソースコードに正しい情報、が表示されます 関数calculate(){ console.log( "001"); – ribas

+0

コンソールのコマンドを表示します。console.log(myBox1); ?次の行の後にコマンドを入力します。var myBox1 = document.getElementById( 'box1 {{item.0}}')。value; –

答えて

-1

そう...それが機能するようになりました、私はこれが最善の解決策ではないことを知っているが、ここにある:

 <input id="box1{{ item.0 }}" type="text" onkeyup="calculate{{item.0}}()" /> 
     <input id="box2{{ item.0 }}" type="text" onkeyup="calculate{{item.0}}()" value="{{ item.7 }}"/> 
     <input id="result{{ item.0 }}" /> 

     <script> 
     function calculate{{coin.0}}(){ 
     console.log("{{ item.0 }}"); 
     var myBox1 = document.getElementById('box1{{ item.0 }}').value; 
     var myBox2 = document.getElementById('box2{{ item.0 }}').defaultValue; 
     var result = document.getElementById('result{{ item.0 }}'); 
     var myResult = myBox1/myBox2; 
     result.value = myResult;} 
     </script> 

私は計算()への関数計算{{アイテム機能を変更.0}}}()

関連する問題