jquery - 入力値 jQuery で乗算された複数の選択

Question

私はjQueryを学び始めており、正しい方向に向けるために少し助けが必要です.

複数のドロップダウン選択があり、選択すると入力ボックスの数値が乗算されるコスト計算機を作成しようとしています。

たとえば、会社の 1 つのサービスのユニットあたりのコストは 1.0、2 つのサービスの場合は 1.5、3 つのサービスの場合は 2.0 です。これに、入力のユニット数と、下の div に表示されている合計を掛ける必要があります。

私のHTMLは以下です

<form>
    <div>
        <label>Company</label>
        <p>
            <select class="dropbox" id="comapny">
                <option value="Select">Select</option>
                <option value="1">Company one</option>
                <option value="2">Company two</option>
            </select>
            </div>
            <div>
                <label>Service</label>
                <p>
                    <select class="dropbox" id="service">
                        <option value="Select">Select</option>
                        <option value="1">One service</option>
                        <option value="2">Two service</option>
                        <option value="3">Three service</option>
                    </select>
                    <p>
                        </div>
                          <div>
                            <label>Unit</label>
                            <p>
                                <input id="unit"></input>
                                <p>
                                    </div>
                                   <div>
                                        <label>Reduction</label>
                                        <p>
                                            <select class="dropbox">
                                                <option value="Select">Select</option>
                                                <option value="Yes ">Yes</option>
                                                <option value="No">No</option>
                                            </select>
                                           </div> 
                                           </form>
                                            <p>
                                                <div>bill amount updated here</div>

私のコード（おそらく必要なものとは違う）

$(.dropbox).on('change', function() {
var comapny = "",
    service = "",
    unit = .val,


$.each(function() {

});

var sum = service * unit = toal 

});

jsフィドル

これにどのようにアプローチすべきか、これを達成するためにどの機能を学ぶ必要があるかについての提案は、本当に感謝しています。parseInt と var の使用について読んだことがありますが、すべてをまとめるのに本当に苦労しています。

事前に助けてくれてありがとう。