0

こんにちは、注文ページの最終フォームの自動入力に問題があります。たとえば、1000 などの値を選択できるドロップダウン メニューがあります。一番下の合計フォームで、選択した数値 (1000) を自動的に 0.12 倍にして、合計フォームに 120 として表示するようにします。ボトム。ここに私が持っているものがあります、

    <td><label for="CAT_Custom_489400">Number of orders (.12 cents per) <span class="req">*</span></label><br />
                <select name="CAT_Custom_489400" id="CAT_Custom_489400" class="cat_dropdown">
                <option value=" ">-- Please select --</option>
                <option value="1000">1000</option>
                <option value="2000">2000</option>
                <option value="3000">3000</option>
                <option value="4000">4000</option>
                <option value="5000">5000</option>
                <option value="10000">10000</option>
                <option value="15000">15000</option>
                <option value="20000">20000</option>
                <option value="25000">25000</option>
                <option value="30000">30000</option>
                <option value="40000">40000</option>
                <option value="50000">50000</option>
                </select></td>
then at the bottom is the amount total form,
 <td><label for="Amount">Amount <span class="req">*</span> <span id="constraint-300-label"></span></label><br />
                <input type="text" name="Amount" id="Amount" class="cat_textbox" /></td>

どんな助けでも大歓迎です

4

1 に答える 1

0

関数を onchange イベントに添付するだけです。(parseFloat() を使用して値を float に変更してください。文字列が返されるためです)

my_func = function(x) {
    new_value = parseFloat(x) * .12; 
    Amount.value= new_value;
}
<select onchange="my_func(this.value);">
    <option value="1000">1000</option>
    <option value="2000">2000</option>
    <option value="3000">3000</option>
    <option value="4000">4000</option>
</select>

<input type="text" name="Amount" id="Amount" class="cat_textbox" />

作業例: http://jsfiddle.net/f6zGE/

于 2013-06-07T18:10:37.597 に答える