如何計算來自不同選擇選項的選項值？

-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

感謝您的幫助！但這並沒有讓我得到答案。我編輯了這篇文章，以便人們可以更好地理解它。請看一下！ –

如何計算來自不同選擇選項的選項值？

回答

相關問題