Question

我在网上搜索了答案，找不到我需要的答案。所以问题。我正在提交表单（用户选择字段并输入输入数字来确定订单的价格），它有2个不同的选择选项字段和1个输入字段。

<input type="text" id="number" placeholder="please enter a number">
(user entered 35 for example)</input>

<select id="firstpick">
 <option value="50">Option 1</option>
 <option value="150">Option 2</option>
 <option value="100">Option 3</option>
</select>

<select id="secondpick">
 <option value="10">Option 4</option>
 <option value="15">Option 5</option>
 <option value="20">Option 6</option>
</select>

<input disabled="disabled" type="text">(The total sum)</input>

我想计算值的总和，例如：firstpick.option3 +（secondpick.option4 * number.35）。在其他含义：100 +（10 * 35）= 450.我想在不同的禁用输入字段中获得该总和，因此我可以将其保存在数据库中并向用户显示订单的总成本是多少他选择的字段和输入的数字。

编辑：您的工作代码（访客）！ http://jsfiddle.net/LoLd748n/4/

Answer 1

我不完全确定你的目标是什么，但这可能很接近。 jQuery会有所帮助。

function getSum() {
    first = $("#firstpick").val();
    second = $("#secondpick").val();
    sum = first + second
    return sum
}

向您的选择添加事件侦听器可能是个好主意。这样您的字段就会自动更新。

您不必拥有禁用的输入，而是type="hidden"。然后它不会显示在页面上。

$("#firstpick").on("change", function() {
    sum = getSum();
    $("#my-hidden-input").val(sum);
});

$("#secondpick").on("change", function() {
    sum = getSum();
    $("#my-hidden-input").val(sum);
});

如何计算来自不同选择选项的选项值？

1 个答案: