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() 将值更改为浮点数,因为它会给你一个字符串)

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 回答