Question

嘿伙计们，我在订单页面上自动填写最终表格时遇到了问题。我有一个下拉菜单，让你选择一个值，例如1000.我希望我的总表格在底部自动复制他们选择的数字（1000）到.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>

非常感谢任何帮助

Answer 1

只需将函数附加到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/

将答案与表格相乘并将其显示在总数中

1 个答案: