JavaScriptの計算

ここで以下のコードは出力値がdivタグに表示されます。しかし、私はテキストボックスに表示したい。もう1つは、最初のテキストボックスの値がPHPからphpを使用してdbになっていることです。私を助けてください。JavaScriptの計算

<html> 
<head> 
<style> 
.test { 
    color:red; 
} 
#total { 
    font-size:40px; 
} 
h1 { 
    margin: 0 0 10px 0; 
    text-decoration: underline; 
    text-align: center; 
} 
h2 { 
    margin: 0 0 10px 0; 
} 
</style> 
<script> 
    calculate = function(totalElement) 
    { 
     if (totalElement) 
     { 
      var calculation = ''; 
      var overall = ''; 
      var fields = new Array(); 
      var theElement = document.getElementById(totalElement); 
      var userInputs = myform.elements; 
      var the_type = ''; 
      for (var f = 0; f < userInputs.length; f++) 
      { 
       if (userInputs[f].className=='special_value') 
       { 
        if (userInputs[f].type=='select-one') 
        { 
         if(userInputs[f].options[userInputs[f].selectedIndex].value) 
         { 
          fields[f] = userInputs[f].options[userInputs[f].selectedIndex].value; 
         } 
         else 
         { 
          fields[f] = 0; 
         } 
        } 
        else if(userInputs[f].type=='radio' || userInputs[f].type=='checkbox') 
        { 
         if (userInputs[f].checked) 
         { 
          fields[f] = userInputs[f].value; 
         } 
         else 
         { 
          fields[f] = 0; 
         } 
        } 
        else 
        { 
         if (userInputs[f].value) 
         { 
          fields[f] = userInputs[f].value; 
         } 
         else 
         { 
          fields[f] = 0; 
         } 
        } 
       } 
      } 

      for (var i=0; i<fields.length; i++) 
      { 
       calculation += fields[i]; 

       if (i!=fields.length-1) 
       { 
        calculation += '+'; 
       } 
      } 

      if (calculation!='') 
      { 
       overall = eval(calculation).toFixed(2); 
      } 

      if (overall!='') 
      { 
       theElement.innerHTML = '&pound;'+overall; 
      } 
     } 
    } 
</script> 
</head> 
<body> 
<form name="myform"> 
<input onKeyPress="calculate('total');" onBlur="calculate('total');" class="special_value" type="text" name="price"> <Br/> 
<input onKeyPress="calculate('total');" onBlur="calculate('total');" class="special_value" type="text" name="price2"> <Br/> 
<input onKeyPress="calculate('total');" onBlur="calculate('total');" class="special_value" type="text" name="price4"> <Br/> 
<div id="total"></div> 
<input onClick="calculate('total');" type="button" name="button" value="re-calculate"> 
</form> 
</body> 
</html>

出典

2011-07-05 boopathi

ええと、あなたのコードは、すべてそこではありません。コピーペーストの問題？ – tjameson

「php」とタグ付けされているのはなぜですか？ – wonk0

はい。とにかく私は解決策が欲しい。もしあなたが私を助けてくれるなら。 – boopathi

簡単で、テキストボックスに表示され、代わりにするには：

theDiv.innerHTML = value;

をPHPのデータでそれを埋めるために

theTextbox.value = value;

を行い、あなたは、Ajaxを使用する必要があり、それについて研究してください。これが役立つことを願っています。乾杯。

出典

2011-07-05 06:47:21

これはうまくいきます。

<?php 

    $dbPrice = 20;// replace this by your query result 
?> 
<html> 
<head> 
<style> 
.test { 
    color:red; 
} 
#total { 
    font-size:40px; 
} 
h1 { 
    margin: 0 0 10px 0; 
    text-decoration: underline; 
    text-align: center; 
} 
h2 { 
    margin: 0 0 10px 0; 
} 
</style> 
<script> 
    calculate = function(totalElement) 
    { 
     if (totalElement) 
     { 
      var calculation = ''; 
      var overall = ''; 
      var fields = new Array(); 
      var theElement = document.getElementById(totalElement); 
      var userInputs = myform.elements; 
      var the_type = ''; 
      for (var f = 0; f < userInputs.length; f++) 
      { 
       if (userInputs[f].className=='special_value') 
       { 
        if (userInputs[f].type=='select-one') 
        { 
         if(userInputs[f].options[userInputs[f].selectedIndex].value) 
         { 
          fields[f] = userInputs[f].options[userInputs[f].selectedIndex].value; 
         } 
         else 
         { 
          fields[f] = 0; 
         } 
        } 
        else if(userInputs[f].type=='radio' || userInputs[f].type=='checkbox') 
        { 
         if (userInputs[f].checked) 
         { 
          fields[f] = userInputs[f].value; 
         } 
         else 
         { 
          fields[f] = 0; 
         } 
        } 
        else 
        { 
         if (userInputs[f].value) 
         { 
          fields[f] = userInputs[f].value; 
         } 
         else 
         { 
          fields[f] = 0; 
         } 
        } 
       } 
      } 

      for (var i=0; i<fields.length; i++) 
      { 
       calculation += fields[i]; 

       if (i!=fields.length-1) 
       { 
        calculation += '+'; 
       } 
      } 

      if (calculation!='') 
      { 
       overall = eval(calculation).toFixed(2); 
      } 

      if (overall!='') 
      { 
       theElement.value = overall; 
      } 
     } 
    } 
</script> 
</head> 
<body> 
<form name="myform"> 
<input onKeyPress="calculate('total');" onBlur="calculate('total');" class="special_value" value="<?php echo $dbPrice;?>" type="text" name="price"> <Br/> 
<input onKeyPress="calculate('total');" onBlur="calculate('total');" class="special_value" type="text" name="price2"> <Br/> 
<input onKeyPress="calculate('total');" onBlur="calculate('total');" class="special_value" type="text" name="price4"> <Br/> 
&pound;<input class="special_value" value="" id="total" type="text" name="total"> <Br/> 
<!-- <div id="total"></div> --> 
<input onClick="calculate('total');" type="button" name="button" value="re-calculate"> 
</form> 
</body> 
</html>

出典

2011-07-05 06:54:35

のdivに入力タグを挿入します。

<div id="total"><input type="text" id="theresultdiv" value="0" /></div>

代わりのtheElement.innerHTML = '£' +全体的な。

document.getElemenbById('theresultdiv').value = overall;

あなたがアドバイスされたように、AJAXを使用してDBからデータを取得することができます。しかし、あなたのケースでは、単純なコードを使用する方が良いと思います：

<?php 
// we connect to example.com and port 3307 
$link = mysql_connect('example.com:3307', 'mysql_user', 'mysql_password'); 
if (!$link) { 
    die('Could not connect: ' . mysql_error()); 
} 
// make foo the current db 
$db_selected = mysql_select_db('foo', $link); 
if (!$db_selected) { 
    die ('Can\'t use foo : ' . mysql_error()); 
} 
$rResult = mysql_query("SELECT start_value FROM your_table WHERE start_value > 0 LIMIT 1", $link); 
$iResult = mysql_fetch_query($rResult) ; 
mysql_close($link); 
?>

は、あなたのファイルの先頭に上記のコードを入れてください。代わりのvalue属性の代わりに0：

<?php echo($iResult); ?>

出典

2011-07-05 06:54:44 Andrewus

答えて

関連する問題