異なる選択オプションからオプション値を数える方法は？

Question

私はウェブで回答を探していて、必要なものは見つけられませんでした。だから質問に。私は2つの異なる選択オプションフィールドと1つの入力フィールドを持つ送信フォーム（ユーザーがフィールドを選択し、注文番号を入力して注文価格を決定する）を作成しています。 firstpick.option3 +（secondpick.option4 * number.35）：

<input type="text" id="number" placeholder="please enter a number"> 
(user entered 35 for example)</input> 

<select id="firstpick"> 
<option value="50">Option 1</option> 
<option value="150">Option 2</option> 
<option value="100">Option 3</option> 
</select> 

<select id="secondpick"> 
<option value="10">Option 4</option> 
<option value="15">Option 5</option> 
<option value="20">Option 6</option> 
</select> 

<input disabled="disabled" type="text">(The total sum)</input> 

は、私は、例えば値の合計をカウントします。他の意味では：100 +（10 * 35）= 450。そして、私はその違う入力フィールドでその合計を取得したいので、それをデータベースに保存して、ユーザーに注文の総コストを教えてください彼が選択したフィールドと彼が入力した番号で。

編集：あなたのための作業コード（訪問者）！ http://jsfiddle.net/LoLd748n/4/

Answer 1

私は目標が何であるか完全にはわかりませんが、これは近いかもしれません。 jQueryが役立ちます。

function getSum() { 
    first = $("#firstpick").val(); 
    second = $("#secondpick").val(); 
    sum = first + second 
    return sum 
} 

選択肢にイベントリスナーを追加することをお勧めします。この方法でフィールドが自動的に更新されます。

入力を無効にする必要はありませんが、type="hidden"にすることができます。それはページに表示されません。

$("#firstpick").on("change", function() { 
    sum = getSum(); 
    $("#my-hidden-input").val(sum); 
}); 

$("#secondpick").on("change", function() { 
    sum = getSum(); 
    $("#my-hidden-input").val(sum); 
});