2017-05-17 27 views
1

入力タグにonchangeを使用してデータを保存するにはどうすればよいですか?onchangeを使用してデータを格納

これは私のhtmlです:これは私のjavascriptのある

<form action="store.php" method="POST" 
    <input type="text" name="distribution" id="distro" value="8%" onClick="this.select();" onchange="calc('Q1','E2','T3','distro','A4','Ave')"> 
    <select name="Q1" id="Q1" onchange="calc('Q1','E2','T3','distro','A4','Ave')"> 
     <option value="0">0</option> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
     <option value="5">5</option> 
    </select> 
    <select name="E2" id="E2" onchange="calc('Q1','E2','T3','distro','A4','Ave')"> 
     <option value="0">0</option> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
     <option value="5">5</option> 
    </select> 
    <select name="T3" id="T3" onchange="calc('Q1','E2','T3','distro','A4','Ave')"> 
     <option value="0">0</option> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
     <option value="5">5</option> 
    </select> 
    <input type="text" name="A4" placeholder="A4" id="A4" disabled onchange="calc('Q1','E2','T3','distro','A4','Ave')"> 
    <input type="text" name="Ave" placeholder="Ave" id="Ave" disabled onchange="calc('Q1','E2','T3','distro','A4','Ave')"> 
    <input type="submit" value="Save"> 
</form> 

function calc(Q1id,E2id,T3id,distroid,A4id,Aveid){ 
    var Q1 = parseInt(document.getElementById(Q1id).value); 
    var E2 = parseInt(document.getElementById(E2id).value); 
    var T3 = parseInt(document.getElementById(T3id).value); 
    var distro = parseInt(document.getElementById(distroid).value); 
    var result = parseFloat(distro)/100; 

    var ratingAve = document.getElementById(A4id).value = parseFloat(Math.round(Q1+E2+T3)/3).toFixed(2); 

    document.getElementById(Aveid).value = parseFloat(ratingAve*result).toFixed(2); 

}

が、私は彼らが私のデータベースにそれを保存したいが、私はクリックしたときに保存し、 Q1、E2、T3はデータを持ち、A4とAveはデータを持たない。私は何をすべきか?

答えて

0

テキスト入力の場合は、「無効」ではなく「読み取り専用」を使用してください。

<input type="text" name="A4" placeholder="A4" id="A4" readonly onchange="calc('Q1','E2','T3','distro','A4','Ave')"> 
<input type="text" name="Ave" placeholder="Ave" id="Ave" readonly onchange="calc('Q1','E2','T3','distro','A4','Ave')"> 
+0

ありがとうございました:D Godbless:D – Rak

0

無効にしたためです。
を無効にします。

または無効にする場合は、無効にします。
フォーム送信のための別の隠し入力を追加します。

<input type="hidden" name="Name" id="Name" /> 
関連する問題