javascript - 私はまだ JS に慣れていないので、この基本的な計算スクリプトの間違いがわかりません。

Question

入力の変更に基づいて1つの変数を計算するからコードを取得しました

私は私の限られた理解に基づいて次のように書いています

<td>
  <select name='breadstick'>
   <option value='0' selected >-- Choose Breadstick --</option>
   <option value='4.06'>Breadstick</option>
   <option value='3.8'>Melba Toast</option>
</select>
</td>
<td>
<input id="input_bread" type="text" name="input_bread" style="width:50px;" onkeyup="do_calc3(this.value);">
</td>
<td>
<input id="bread_results" class="" readonly name="bread_results" style="width:50px;" value="" />

<script>
function do_calc3() {
var bread_choice = document.getElementById('breadstick');
var bread_weight = document.getElementById('input_bread');
var bread_r = bread_choice * bread_weight;
document.getElementById("bread_results").value = bread_r;
}
</script>
</td> 

Answer 1

<select name='breadstick' id='breadstick'>

ID「breadstick」がまだないため、上記を変更する必要があります。以下は、要素だけでなく要素の実際の値を取得するために変更された関数です。

function do_calc3() {
    var bread_choice = document.getElementById('breadstick').value;
    var bread_weight = document.getElementById('input_bread').value;
    var bread_r = bread_choice * bread_weight;
    document.getElementById("bread_results").value = bread_r;
}

そして、ここで私はあなたに働くフィドルを手に入れました：http://jsfiddle.net/TwqC6/

Answer 2

使用.value:

var bread_choice = document.getElementById('breadstick').value;
var bread_weight = document.getElementById('input_bread').value;