Question

我正在尝试在js中开发一个代码，其中我有三个表格

一个是动态价格，另一个是下跌，其中我有10个值从1到10我希望每当我从下拉列表中选择期权时我应该得到单价的总价格

任何形式的帮助

Answer 1

您需要在下拉列表中添加onchange并让它调用javascript函数来执行计算并设置字段的新值。

<script type="text/javascript">
    function recalculate()
    {
        var f = document.forms.myform;
        f.cost.value = f.price.value * f.qty.value;
    }
</script>

<form action="doStuff" method="post" id="myform">
    <p>Price<input type="text" id="price"/></p>
    <p>Quantity
    <select id="qty" onChange="recalculate()">
        <option id="0">0</option>
        <option id="1">1</option>
        <option id="2">2</option>
    </select>
    <p>
    <p>Cost<input type="text" id="cost"/></p>
</form>

Answer 2

我不知道我是否完全理解你想要的东西，但我试着写一些代码。您可以在jsfiddle

上进行测试

所以html标记看起来像这样：

<input type="text" id="priceId" value="5" />
<select id="priceTypeId" name="priceType">

    <option value="1">1</option>
    <option value="2">2</option>
    ...
    <option value="9">9</option>
    <option value="10">10</option>

</select>

<input type="text" id="resultId" />

和jQuery函数是：

$(document).ready(function() {
   $('#priceTypeId').change(function() {
      $('#resultId').val(  $('#priceTypeId').val() *  $('#priceId').val() );
   });
});

如果您有任何疑问，我会尽快回答。

Answer 3

使用这样的东西：

<script type='text/javascript'>

    function FieldOnChange()
    {
    // put logic here use document.getElementByID('FieldID').value;
    }

    </script>

    <form>

    <select name='title' onchange='javascript:FieldOnChange();'>

    <option value='1'>1</option>

    <option value='2'>2</option>

    <option value='3'>3</option>
    ...
    </select>

    <!-- rest of your form -->

    </form>

用于根据drop dowv中的选定值获取总价的java脚本

3 个答案: