StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
5736433
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2011-04-20T20:47:34.317
FavoriteCount
0
LastActivityDate
2011-04-20T20:47:34.317
LastEditDate
LastEditorUserId
0
OwnerUserId
634569
ParentId
5735861
PostTypeId
2
Score
1
ViewCount
0
LastEditorDisplayName
text
Body
<p>In my opinion, from the understanding on your question is that your desired function would look like this: <a href="http://jsfiddle.net/czAHJ/" rel="nofollow">http://jsfiddle.net/czAHJ/</a></p> <p>To explain things a bit more, take a look at the code...</p> <p>The HTML is simple, just the drop down and the results container:</p> <pre><code><select id="mySelect"> <option>select</option> <option value="fruits"> fruits</option> <option value="flowers"> flowers</option> </select> <div id="myResults"></div> </code></pre> <p>Then the Javascript/jQuery code to add the functionality:</p> <pre><code>// wrap code in $(document).ready(), unless // you are certain that script is loaded after DOM $(document).ready(function () { var myFruits = ["apple","orange","banana"]; var myFlowers= ["rose","tulip","carnation"]; // use bind() as it's faster than click(), // also fire on 'change' instead $('#mySelect').bind('change', function () { // get value of the select to get our list // we dont need any jquery (bit faster) var list = false; if (this.value == 'fruits') { // use fruits list = myFruits; } else if (this.value == 'flowers') { // use flowers list = myFlowers; } else { // unknown, just ignore.. // lets clear the result container.. // or you can do something else: alert('Unknown Option'); $('#myResults').html(''); return false; } // require list if (list) { // collect html, use an array // its faster than concating to a string var html = []; // build html list from array (loop *could* be faster...) var len = list.length; for (var i = 0; i < len; i++) { // add our string to the html array using .push html.push('<li>' + list[i] + '</li>'); } // put our array of html back into a string // also, wrap it in a <ul> html = '<ul>' + html.join('') + '</ul>'; // write html list to results, replacing old content $('#myResults').html(html); } }); }); </code></pre> <p>Let me know if this is the answer that you are looking for. I've tried to optimize the code as much as possible to keep things fast and light. (Best Practice)</p> <p>Cheers!</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. PObuild a list with jQuery
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USMcHerbie
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.