Calculate product prices based on options
I have a list of products where each product has 3 html select menu's that need to follow some rules:
- every product on the list starts with a product ID and base price and contains extra options that can be selected.
- each option has an option ID, option name, group name, price.
- An array must be used for remembering which options has been selected (this can be a data attribute on a DOM element) so that this data can be used to send to the server when clicking on a button for a specific product.
- when a option is selected, it must check if the selected option group is in array from step 3. if not then add the object with the values of option ID, option name, group name, price.
- everytime a option is selected or deselected the sum for total price for the specific product must be calculated.
Question: In my code (too long to show here) how do I restore inital price without losing the data from other options inside the array.
This is the code that I have done: https://jsfiddle.net/4esqL290/7/
For example I have 3 products or more and I select options for product with ID 1 and I want to have option_id=Z then this how it should look like:
id: 1
price: 10
array:
options: [{option_id=X, price=25, group: aaaa}, {option_id=Y, price=50, group: bbbb}, {option_id=Z, price=75, group: cccc}]
id: 2
price: 20
array:
options: [{option_id=X, price=25, group: aaaa}, {option_id=Y, price=50, group: bbbb}, {option_id=Z, price=75, group: cccc}]
id: 3
price: 30
array: [{option_id=Z, price=75, group: cccc}]
options: [{option_id=X, price=25, group: aaaa}, {option_id=Y, price=50, group: bbbb}, {option_id=Z, price=75, group: cccc}]
javascript jquery html
asked Nov 19 '18 at 21:02
XeniozXenioz
2917
add a comment |
I have a list of products where each product has 3 html select menu's that need to follow some rules:
- every product on the list starts with a product ID and base price and contains extra options that can be selected.
- each option has an option ID, option name, group name, price.
- An array must be used for remembering which options has been selected (this can be a data attribute on a DOM element) so that this data can be used to send to the server when clicking on a button for a specific product.
- when a option is selected, it must check if the selected option group is in array from step 3. if not then add the object with the values of option ID, option name, group name, price.
- everytime a option is selected or deselected the sum for total price for the specific product must be calculated.
Question: In my code (too long to show here) how do I restore inital price without losing the data from other options inside the array.
This is the code that I have done: https://jsfiddle.net/4esqL290/7/
For example I have 3 products or more and I select options for product with ID 1 and I want to have option_id=Z then this how it should look like:
id: 1
price: 10
array:
options: [{option_id=X, price=25, group: aaaa}, {option_id=Y, price=50, group: bbbb}, {option_id=Z, price=75, group: cccc}]
id: 2
price: 20
array:
options: [{option_id=X, price=25, group: aaaa}, {option_id=Y, price=50, group: bbbb}, {option_id=Z, price=75, group: cccc}]
id: 3
price: 30
array: [{option_id=Z, price=75, group: cccc}]
options: [{option_id=X, price=25, group: aaaa}, {option_id=Y, price=50, group: bbbb}, {option_id=Z, price=75, group: cccc}]
javascript jquery html
asked Nov 19 '18 at 21:02
XeniozXenioz
2917
Is there a question in there somewhere?
– nurdyguy
Nov 19 '18 at 21:05
add a comment |
I have a list of products where each product has 3 html select menu's that need to follow some rules:
- every product on the list starts with a product ID and base price and contains extra options that can be selected.
- each option has an option ID, option name, group name, price.
- An array must be used for remembering which options has been selected (this can be a data attribute on a DOM element) so that this data can be used to send to the server when clicking on a button for a specific product.
- when a option is selected, it must check if the selected option group is in array from step 3. if not then add the object with the values of option ID, option name, group name, price.
- everytime a option is selected or deselected the sum for total price for the specific product must be calculated.
Question: In my code (too long to show here) how do I restore inital price without losing the data from other options inside the array.
This is the code that I have done: https://jsfiddle.net/4esqL290/7/
For example I have 3 products or more and I select options for product with ID 1 and I want to have option_id=Z then this how it should look like:
id: 1
price: 10
array:
options: [{option_id=X, price=25, group: aaaa}, {option_id=Y, price=50, group: bbbb}, {option_id=Z, price=75, group: cccc}]
id: 2
price: 20
array:
options: [{option_id=X, price=25, group: aaaa}, {option_id=Y, price=50, group: bbbb}, {option_id=Z, price=75, group: cccc}]
id: 3
price: 30
array: [{option_id=Z, price=75, group: cccc}]
options: [{option_id=X, price=25, group: aaaa}, {option_id=Y, price=50, group: bbbb}, {option_id=Z, price=75, group: cccc}]
javascript jquery html
asked Nov 19 '18 at 21:02
XeniozXenioz
2917
I have a list of products where each product has 3 html select menu's that need to follow some rules:
- every product on the list starts with a product ID and base price and contains extra options that can be selected.
- each option has an option ID, option name, group name, price.
- An array must be used for remembering which options has been selected (this can be a data attribute on a DOM element) so that this data can be used to send to the server when clicking on a button for a specific product.
- when a option is selected, it must check if the selected option group is in array from step 3. if not then add the object with the values of option ID, option name, group name, price.
- everytime a option is selected or deselected the sum for total price for the specific product must be calculated.
Question: In my code (too long to show here) how do I restore inital price without losing the data from other options inside the array.
This is the code that I have done: https://jsfiddle.net/4esqL290/7/
For example I have 3 products or more and I select options for product with ID 1 and I want to have option_id=Z then this how it should look like:
id: 1
price: 10
array:
options: [{option_id=X, price=25, group: aaaa}, {option_id=Y, price=50, group: bbbb}, {option_id=Z, price=75, group: cccc}]
id: 2
price: 20
array:
options: [{option_id=X, price=25, group: aaaa}, {option_id=Y, price=50, group: bbbb}, {option_id=Z, price=75, group: cccc}]
id: 3
price: 30
array: [{option_id=Z, price=75, group: cccc}]
options: [{option_id=X, price=25, group: aaaa}, {option_id=Y, price=50, group: bbbb}, {option_id=Z, price=75, group: cccc}]
javascript jquery html
javascript jquery html
asked Nov 19 '18 at 21:02
XeniozXenioz
2917
asked Nov 19 '18 at 21:02
XeniozXenioz
2917
edited Nov 19 '18 at 21:12
Xenioz
asked Nov 19 '18 at 21:02
XeniozXenioz
2917
asked Nov 19 '18 at 21:02
XeniozXenioz
2917
asked Nov 19 '18 at 21:02
XeniozXenioz
2917
2917
Is there a question in there somewhere?
– nurdyguy
Nov 19 '18 at 21:05
add a comment |
Is there a question in there somewhere?
– nurdyguy
Nov 19 '18 at 21:05
Is there a question in there somewhere?
– nurdyguy
Nov 19 '18 at 21:05
Is there a question in there somewhere?
– nurdyguy
Nov 19 '18 at 21:05
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53382571%2fcalculate-product-prices-based-on-options%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53382571%2fcalculate-product-prices-based-on-options%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Is there a question in there somewhere?
– nurdyguy
Nov 19 '18 at 21:05