How can i make a dropdown categories list? [closed]
For my website i want to make a dropdown selection.
Like in this website https://www.kingjamesbibleonline.org/ so i need the books>chapters>verse.
I am totally stuck. can somebody help me with the code please. This is a fragment of the JSON file.
improve this question
closed as off-topic by guradio, Quentin, Shree, tripleee, jww Nov 12 '18 at 8:08
This question appears to be off-topic. The users who voted to close gave this specific reason:
- "Questions seeking debugging help ("why isn't this code working?") must include the desired behavior, a specific problem or error and the shortest code necessary to reproduce it in the question itself. Questions without a clear problem statement are not useful to other readers. See: How to create a Minimal, Complete, and Verifiable example." – guradio, Shree, tripleee, jww
add a comment |
For my website i want to make a dropdown selection.
Like in this website https://www.kingjamesbibleonline.org/ so i need the books>chapters>verse.
I am totally stuck. can somebody help me with the code please. This is a fragment of the JSON file.
improve this question
closed as off-topic by guradio, Quentin, Shree, tripleee, jww Nov 12 '18 at 8:08
This question appears to be off-topic. The users who voted to close gave this specific reason:
- "Questions seeking debugging help ("why isn't this code working?") must include the desired behavior, a specific problem or error and the shortest code necessary to reproduce it in the question itself. Questions without a clear problem statement are not useful to other readers. See: How to create a Minimal, Complete, and Verifiable example." – guradio, Shree, tripleee, jww
2
This will helps you codebyamir.com/blog/populate-a-select-dropdown-list-with-json and stackoverflow.com/questions/18484762/…
– Hamza Haider
Nov 12 '18 at 7:29
2
Welcome to StackOverflow! In order for us to better help you, would you please update your question to contain all relevant code in a minimal, complete & verifiable example. Additionally, providing screenshots of the problem and details of what you’ve tried, make it much more likely that you’ll get a useful answer. For further information, please refer to the help article regarding how to ask good questions.
– Bryce Howitson
Nov 12 '18 at 7:33
Please validate the JSON snipped. Remove the trail comma from the end and add: ]} @HamzaHaider has some good examples!
– Peter Bode
Nov 12 '18 at 7:34
Can you send a proper JSON format? I can help you
– Anand Deep Singh
Nov 12 '18 at 7:36
ok i'm gonna try to sort it out. thank you guys
– Ilse Van Dommelen
Nov 12 '18 at 7:37
add a comment |
For my website i want to make a dropdown selection.
Like in this website https://www.kingjamesbibleonline.org/ so i need the books>chapters>verse.
I am totally stuck. can somebody help me with the code please. This is a fragment of the JSON file.
improve this question
For my website i want to make a dropdown selection.
Like in this website https://www.kingjamesbibleonline.org/ so i need the books>chapters>verse.
I am totally stuck. can somebody help me with the code please. This is a fragment of the JSON file.
improve this question
edited Nov 12 '18 at 7:38
Krupesh Kotecha
2,06811134
2,06811134
asked Nov 12 '18 at 7:26
Ilse Van DommelenIlse Van Dommelen
12
12
closed as off-topic by guradio, Quentin, Shree, tripleee, jww Nov 12 '18 at 8:08
This question appears to be off-topic. The users who voted to close gave this specific reason:
- "Questions seeking debugging help ("why isn't this code working?") must include the desired behavior, a specific problem or error and the shortest code necessary to reproduce it in the question itself. Questions without a clear problem statement are not useful to other readers. See: How to create a Minimal, Complete, and Verifiable example." – guradio, Shree, tripleee, jww
closed as off-topic by guradio, Quentin, Shree, tripleee, jww Nov 12 '18 at 8:08
This question appears to be off-topic. The users who voted to close gave this specific reason:
- "Questions seeking debugging help ("why isn't this code working?") must include the desired behavior, a specific problem or error and the shortest code necessary to reproduce it in the question itself. Questions without a clear problem statement are not useful to other readers. See: How to create a Minimal, Complete, and Verifiable example." – guradio, Shree, tripleee, jww
2
This will helps you codebyamir.com/blog/populate-a-select-dropdown-list-with-json and stackoverflow.com/questions/18484762/…
– Hamza Haider
Nov 12 '18 at 7:29
2
Welcome to StackOverflow! In order for us to better help you, would you please update your question to contain all relevant code in a minimal, complete & verifiable example. Additionally, providing screenshots of the problem and details of what you’ve tried, make it much more likely that you’ll get a useful answer. For further information, please refer to the help article regarding how to ask good questions.
– Bryce Howitson
Nov 12 '18 at 7:33
Please validate the JSON snipped. Remove the trail comma from the end and add: ] @HamzaHaider has some good examples!
– Peter Bode
Nov 12 '18 at 7:34
Can you send a proper JSON format? I can help you
– Anand Deep Singh
Nov 12 '18 at 7:36
ok i'm gonna try to sort it out. thank you guys
– Ilse Van Dommelen
Nov 12 '18 at 7:37
add a comment |
2
This will helps you codebyamir.com/blog/populate-a-select-dropdown-list-with-json and stackoverflow.com/questions/18484762/…
– Hamza Haider
Nov 12 '18 at 7:29
2
Welcome to StackOverflow! In order for us to better help you, would you please update your question to contain all relevant code in a minimal, complete & verifiable example. Additionally, providing screenshots of the problem and details of what you’ve tried, make it much more likely that you’ll get a useful answer. For further information, please refer to the help article regarding how to ask good questions.
– Bryce Howitson
Nov 12 '18 at 7:33
Please validate the JSON snipped. Remove the trail comma from the end and add: ]}} @HamzaHaider has some good examples!
– Peter Bode
Nov 12 '18 at 7:34
Can you send a proper JSON format? I can help you
– Anand Deep Singh
Nov 12 '18 at 7:36
ok i'm gonna try to sort it out. thank you guys
– Ilse Van Dommelen
Nov 12 '18 at 7:37
2
2
This will helps you codebyamir.com/blog/populate-a-select-dropdown-list-with-json and stackoverflow.com/questions/18484762/…
– Hamza Haider
Nov 12 '18 at 7:29
This will helps you codebyamir.com/blog/populate-a-select-dropdown-list-with-json and stackoverflow.com/questions/18484762/…
– Hamza Haider
Nov 12 '18 at 7:29
2
2
Welcome to StackOverflow! In order for us to better help you, would you please update your question to contain all relevant code in a minimal, complete & verifiable example. Additionally, providing screenshots of the problem and details of what you’ve tried, make it much more likely that you’ll get a useful answer. For further information, please refer to the help article regarding how to ask good questions.
– Bryce Howitson
Nov 12 '18 at 7:33
Welcome to StackOverflow! In order for us to better help you, would you please update your question to contain all relevant code in a minimal, complete & verifiable example. Additionally, providing screenshots of the problem and details of what you’ve tried, make it much more likely that you’ll get a useful answer. For further information, please refer to the help article regarding how to ask good questions.
– Bryce Howitson
Nov 12 '18 at 7:33
Please validate the JSON snipped. Remove the trail comma from the end and add: ]}} @HamzaHaider has some good examples!
– Peter Bode
Nov 12 '18 at 7:34
Please validate the JSON snipped. Remove the trail comma from the end and add: ]}} @HamzaHaider has some good examples!
– Peter Bode
Nov 12 '18 at 7:34
Can you send a proper JSON format? I can help you
– Anand Deep Singh
Nov 12 '18 at 7:36
Can you send a proper JSON format? I can help you
– Anand Deep Singh
Nov 12 '18 at 7:36
ok i'm gonna try to sort it out. thank you guys
– Ilse Van Dommelen
Nov 12 '18 at 7:37
ok i'm gonna try to sort it out. thank you guys
– Ilse Van Dommelen
Nov 12 '18 at 7:37
add a comment |
1 Answer
1
active
oldest
votes
Welcome to SO. At a very basic level. You can group the select dropdown by
<select id="dino-select">
<optgroup label="Theropods">
<option>Tyrannosaurus</option>
<option>Velociraptor</option>
<option>Deinonychus</option>
</optgroup>
<optgroup label="Sauropods">
<option>Diplodocus</option>
<option>Saltasaurus</option>
<option>Apatosaurus</option>
</optgroup>
</select>
FYR, checkout https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Welcome to SO. At a very basic level. You can group the select dropdown by
<select id="dino-select">
<optgroup label="Theropods">
<option>Tyrannosaurus</option>
<option>Velociraptor</option>
<option>Deinonychus</option>
</optgroup>
<optgroup label="Sauropods">
<option>Diplodocus</option>
<option>Saltasaurus</option>
<option>Apatosaurus</option>
</optgroup>
</select>
FYR, checkout https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup
add a comment |
Welcome to SO. At a very basic level. You can group the select dropdown by
<select id="dino-select">
<optgroup label="Theropods">
<option>Tyrannosaurus</option>
<option>Velociraptor</option>
<option>Deinonychus</option>
</optgroup>
<optgroup label="Sauropods">
<option>Diplodocus</option>
<option>Saltasaurus</option>
<option>Apatosaurus</option>
</optgroup>
</select>
FYR, checkout https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup
add a comment |
Welcome to SO. At a very basic level. You can group the select dropdown by
<select id="dino-select">
<optgroup label="Theropods">
<option>Tyrannosaurus</option>
<option>Velociraptor</option>
<option>Deinonychus</option>
</optgroup>
<optgroup label="Sauropods">
<option>Diplodocus</option>
<option>Saltasaurus</option>
<option>Apatosaurus</option>
</optgroup>
</select>
FYR, checkout https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup
Welcome to SO. At a very basic level. You can group the select dropdown by
<select id="dino-select">
<optgroup label="Theropods">
<option>Tyrannosaurus</option>
<option>Velociraptor</option>
<option>Deinonychus</option>
</optgroup>
<optgroup label="Sauropods">
<option>Diplodocus</option>
<option>Saltasaurus</option>
<option>Apatosaurus</option>
</optgroup>
</select>
FYR, checkout https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup
answered Nov 12 '18 at 7:33
SelvamSelvam
526415
526415
add a comment |
add a comment |
2
This will helps you codebyamir.com/blog/populate-a-select-dropdown-list-with-json and stackoverflow.com/questions/18484762/…
– Hamza Haider
Nov 12 '18 at 7:29
2
Welcome to StackOverflow! In order for us to better help you, would you please update your question to contain all relevant code in a minimal, complete & verifiable example. Additionally, providing screenshots of the problem and details of what you’ve tried, make it much more likely that you’ll get a useful answer. For further information, please refer to the help article regarding how to ask good questions.
– Bryce Howitson
Nov 12 '18 at 7:33
Please validate the JSON snipped. Remove the trail comma from the end and add: ]} @HamzaHaider has some good examples!
– Peter Bode
Nov 12 '18 at 7:34
Can you send a proper JSON format? I can help you
– Anand Deep Singh
Nov 12 '18 at 7:36
ok i'm gonna try to sort it out. thank you guys
– Ilse Van Dommelen
Nov 12 '18 at 7:37