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

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

一个是动态的价格，另一个是下拉列表，其中我有10个值，从1到10，我想每当我从下拉列表中选择选项时，我应该得到基于单价的总价格

---

您需要在下拉列表中添加一个

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>

函数重新计算（）
{
var f=document.forms.myform；
f、 cost.value=f.price.value*f.qty.value；
}
价格

数量
0
1.
2.

成本

我不知道我是否完全理解你想要什么，但我试着写了一些代码。你可以在电视上测试

因此，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" />

---

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

使用以下内容：

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

函数FieldOnChange（）
{
//将逻辑放在这里，使用document.getElementByID（'FieldID'）.value；
}
1.
2.
3.
...

看到您正在使用的标记会有很大帮助。

JavaScript

通常是作为压缩在一起编写的，而不是“java脚本”。但是，您应该将

java

+

script

标记替换为JavaScript标记。我不确定他是否在使用jQuery。

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