How to get data from json for create dependent select box and show results on click
0
my json file :
{
"divOne": {
"underOne": [{
"A": "x1",
"B": "y1",
"C": "z1"
},
{
"A": "x2",
"B": "y2",
"C": "z2"
}
],
"underTwo": [{
"A": "x3",
"B": "y3",
"C": "z3"
},
{
"A": "x4",
"B": "y4",
"C": "z4"
}
]
},
"divTwo": {
"underThree": [{
"A": "x5",
"B": "y5",
"C": "z5"
},
{
"A": "x6",
"B": "y6",
"C": "z6"
}
],
"underFour": [{
"A": "x7",
"B": "y7",
"C": "z7"
}, {
"A": "x8",
"B": "y8",
"C": "z8"
}]
}
}
I want to pick "div" and then pick "under". Click button and show results A, B and C in loop.
I really search on google and tried 17 examples but I couldn't find how.
I tried use javascript and jquery.
javascript jquery arrays json nested
asked Nov 20 '18 at 11:49
ucnumaraucnumara
396
|
show 2 more comments
0
my json file :
{
"divOne": {
"underOne": [{
"A": "x1",
"B": "y1",
"C": "z1"
},
{
"A": "x2",
"B": "y2",
"C": "z2"
}
],
"underTwo": [{
"A": "x3",
"B": "y3",
"C": "z3"
},
{
"A": "x4",
"B": "y4",
"C": "z4"
}
]
},
"divTwo": {
"underThree": [{
"A": "x5",
"B": "y5",
"C": "z5"
},
{
"A": "x6",
"B": "y6",
"C": "z6"
}
],
"underFour": [{
"A": "x7",
"B": "y7",
"C": "z7"
}, {
"A": "x8",
"B": "y8",
"C": "z8"
}]
}
}
I want to pick "div" and then pick "under". Click button and show results A, B and C in loop.
I really search on google and tried 17 examples but I couldn't find how.
I tried use javascript and jquery.
javascript jquery arrays json nested
asked Nov 20 '18 at 11:49
ucnumaraucnumara
396
You googled and you didn't find out how to convert it to an object and cycle through its keys?
– Federico klez Culloca
Nov 20 '18 at 11:51
I'm newbie federico please be understanding
– ucnumara
Nov 20 '18 at 11:55
1
Ok, then first useJSON.parse(whatever)to parsewhatever(which contains your json) and obtain a proper object, then check this on how to iterate on object keys. Then, if you still don't know how to proceed, open a new question mentioning what you have thus far and where you got stuck. As it stands, your question is basically "write the code for me", which doesn't inspire much will to answer. Good luck with your learning process :)
– Federico klez Culloca
Nov 20 '18 at 11:59
It would probably be useful to take a good look at the structure of your data. Changing the structure of the object would make it also a lot easier to use the data.
– Teun van der Wijst
Nov 20 '18 at 12:02
you said about 17 examples, but didn't show us anyone. Please edit your question and add one of your tries, also explain what do you mean by"I want to pick "div" and then pick "under""
– Calvin Nunes
Nov 20 '18 at 12:37
|
show 2 more comments
0
0
0
my json file :
{
"divOne": {
"underOne": [{
"A": "x1",
"B": "y1",
"C": "z1"
},
{
"A": "x2",
"B": "y2",
"C": "z2"
}
],
"underTwo": [{
"A": "x3",
"B": "y3",
"C": "z3"
},
{
"A": "x4",
"B": "y4",
"C": "z4"
}
]
},
"divTwo": {
"underThree": [{
"A": "x5",
"B": "y5",
"C": "z5"
},
{
"A": "x6",
"B": "y6",
"C": "z6"
}
],
"underFour": [{
"A": "x7",
"B": "y7",
"C": "z7"
}, {
"A": "x8",
"B": "y8",
"C": "z8"
}]
}
}
I want to pick "div" and then pick "under". Click button and show results A, B and C in loop.
I really search on google and tried 17 examples but I couldn't find how.
I tried use javascript and jquery.
javascript jquery arrays json nested
asked Nov 20 '18 at 11:49
ucnumaraucnumara
396
my json file :
{
"divOne": {
"underOne": [{
"A": "x1",
"B": "y1",
"C": "z1"
},
{
"A": "x2",
"B": "y2",
"C": "z2"
}
],
"underTwo": [{
"A": "x3",
"B": "y3",
"C": "z3"
},
{
"A": "x4",
"B": "y4",
"C": "z4"
}
]
},
"divTwo": {
"underThree": [{
"A": "x5",
"B": "y5",
"C": "z5"
},
{
"A": "x6",
"B": "y6",
"C": "z6"
}
],
"underFour": [{
"A": "x7",
"B": "y7",
"C": "z7"
}, {
"A": "x8",
"B": "y8",
"C": "z8"
}]
}
}
I want to pick "div" and then pick "under". Click button and show results A, B and C in loop.
I really search on google and tried 17 examples but I couldn't find how.
I tried use javascript and jquery.
javascript jquery arrays json nested
javascript jquery arrays json nested
asked Nov 20 '18 at 11:49
ucnumaraucnumara
396
asked Nov 20 '18 at 11:49
ucnumaraucnumara
396
asked Nov 20 '18 at 11:49
ucnumaraucnumara
396
asked Nov 20 '18 at 11:49
ucnumaraucnumara
396
asked Nov 20 '18 at 11:49
ucnumaraucnumara
396
396
You googled and you didn't find out how to convert it to an object and cycle through its keys?
– Federico klez Culloca
Nov 20 '18 at 11:51
I'm newbie federico please be understanding
– ucnumara
Nov 20 '18 at 11:55
1
Ok, then first useJSON.parse(whatever)to parsewhatever(which contains your json) and obtain a proper object, then check this on how to iterate on object keys. Then, if you still don't know how to proceed, open a new question mentioning what you have thus far and where you got stuck. As it stands, your question is basically "write the code for me", which doesn't inspire much will to answer. Good luck with your learning process :)
– Federico klez Culloca
Nov 20 '18 at 11:59
It would probably be useful to take a good look at the structure of your data. Changing the structure of the object would make it also a lot easier to use the data.
– Teun van der Wijst
Nov 20 '18 at 12:02
you said about 17 examples, but didn't show us anyone. Please edit your question and add one of your tries, also explain what do you mean by"I want to pick "div" and then pick "under""
– Calvin Nunes
Nov 20 '18 at 12:37
|
show 2 more comments
You googled and you didn't find out how to convert it to an object and cycle through its keys?
– Federico klez Culloca
Nov 20 '18 at 11:51
I'm newbie federico please be understanding
– ucnumara
Nov 20 '18 at 11:55
1
Ok, then first useJSON.parse(whatever)to parsewhatever(which contains your json) and obtain a proper object, then check this on how to iterate on object keys. Then, if you still don't know how to proceed, open a new question mentioning what you have thus far and where you got stuck. As it stands, your question is basically "write the code for me", which doesn't inspire much will to answer. Good luck with your learning process :)
– Federico klez Culloca
Nov 20 '18 at 11:59
It would probably be useful to take a good look at the structure of your data. Changing the structure of the object would make it also a lot easier to use the data.
– Teun van der Wijst
Nov 20 '18 at 12:02
you said about 17 examples, but didn't show us anyone. Please edit your question and add one of your tries, also explain what do you mean by"I want to pick "div" and then pick "under""
– Calvin Nunes
Nov 20 '18 at 12:37
You googled and you didn't find out how to convert it to an object and cycle through its keys?
– Federico klez Culloca
Nov 20 '18 at 11:51
You googled and you didn't find out how to convert it to an object and cycle through its keys?
– Federico klez Culloca
Nov 20 '18 at 11:51
I'm newbie federico please be understanding
– ucnumara
Nov 20 '18 at 11:55
I'm newbie federico please be understanding
– ucnumara
Nov 20 '18 at 11:55
1
1
Ok, then first use
JSON.parse(whatever) to parse whatever (which contains your json) and obtain a proper object, then check this on how to iterate on object keys. Then, if you still don't know how to proceed, open a new question mentioning what you have thus far and where you got stuck. As it stands, your question is basically "write the code for me", which doesn't inspire much will to answer. Good luck with your learning process :)– Federico klez Culloca
Nov 20 '18 at 11:59
Ok, then first use
JSON.parse(whatever) to parse whatever (which contains your json) and obtain a proper object, then check this on how to iterate on object keys. Then, if you still don't know how to proceed, open a new question mentioning what you have thus far and where you got stuck. As it stands, your question is basically "write the code for me", which doesn't inspire much will to answer. Good luck with your learning process :)– Federico klez Culloca
Nov 20 '18 at 11:59
It would probably be useful to take a good look at the structure of your data. Changing the structure of the object would make it also a lot easier to use the data.
– Teun van der Wijst
Nov 20 '18 at 12:02
It would probably be useful to take a good look at the structure of your data. Changing the structure of the object would make it also a lot easier to use the data.
– Teun van der Wijst
Nov 20 '18 at 12:02
you said about 17 examples, but didn't show us anyone. Please edit your question and add one of your tries, also explain what do you mean by
"I want to pick "div" and then pick "under""– Calvin Nunes
Nov 20 '18 at 12:37
you said about 17 examples, but didn't show us anyone. Please edit your question and add one of your tries, also explain what do you mean by
"I want to pick "div" and then pick "under""– Calvin Nunes
Nov 20 '18 at 12:37
|
show 2 more comments
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
});
}
});
draft saved
draft discarded
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%2f53392382%2fhow-to-get-data-from-json-for-create-dependent-select-box-and-show-results-on-cl%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
draft saved
draft discarded
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.
draft saved
draft discarded
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%2f53392382%2fhow-to-get-data-from-json-for-create-dependent-select-box-and-show-results-on-cl%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
You googled and you didn't find out how to convert it to an object and cycle through its keys?
– Federico klez Culloca
Nov 20 '18 at 11:51
I'm newbie federico please be understanding
– ucnumara
Nov 20 '18 at 11:55
1
Ok, then first use
JSON.parse(whatever)to parsewhatever(which contains your json) and obtain a proper object, then check this on how to iterate on object keys. Then, if you still don't know how to proceed, open a new question mentioning what you have thus far and where you got stuck. As it stands, your question is basically "write the code for me", which doesn't inspire much will to answer. Good luck with your learning process :)– Federico klez Culloca
Nov 20 '18 at 11:59
It would probably be useful to take a good look at the structure of your data. Changing the structure of the object would make it also a lot easier to use the data.
– Teun van der Wijst
Nov 20 '18 at 12:02
you said about 17 examples, but didn't show us anyone. Please edit your question and add one of your tries, also explain what do you mean by
"I want to pick "div" and then pick "under""– Calvin Nunes
Nov 20 '18 at 12:37