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

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

来源

2017-04-25 Šarūnas Šliogeris

欢迎来到Stack Overflow。通常的做法是，您向我们展示您正在努力的代码，并调试/修改它以解决您的问题。就目前而言，这有点过于宽泛。这里有几个jQuery提示可以帮助你：http://api.jquery.com/change，http://api.jquery.com/val –

*“我搜索了所有网页”* - 我不得不删除“全部”，因为你没有搜索过“所有的网络”;它比你想象的要大得多。首先尝试一下，用你试过的和可能失败的方式编辑你的问题，然后我们会很乐意帮助你，告诉你你可能犯了什么错误。目前来看，这个问题太广泛了。 –

btw''不是有效的结束标记，因此您可以安全地将其删除。 –

我不完全确定你的目标是什么，但这可能是接近的。 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); 
});

来源

2017-04-25 15:31:42 Naltroc

感谢您的帮助！但这并没有让我得到答案。我编辑了这篇文章，以便人们可以更好地理解它。请看一下！ –

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

回答

相关问题