StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POAdding form function to a menu
primarykey
Id
8936318
data
AcceptedAnswerId
8936811
AnswerCount
1
ClosedDate
CommentCount
15
CommunityOwnedDate
CreationDate
2012-01-20T03:11:04.297
FavoriteCount
0
LastActivityDate
2012-01-20T04:41:01.017
LastEditDate
2017-05-23T11:57:57.667
LastEditorUserId
-1
OwnerUserId
934444
ParentId
0
PostTypeId
1
Score
0
ViewCount
73
LastEditorDisplayName
text
Body
<p>I asked this question <a href="https://stackoverflow.com/questions/8903987/input-type-hidden-functionality-issue"><input type="hidden" functionality issue</a> a couple of days ago and was basically told its a mess your doing it wrong and style it properly. Thing is i dont know how so ill ask the same question a different way. I ask again cause im about 10hrs into this now, and no closer to a solution. </p> <p>I want to add a form function that gets the information. Say</p> <pre><code><form action="" method="get"> </code></pre> <p>My belief is i have to add an input tab somewhere to actually get the info</p> <pre><code><input type=".... </code></pre> <p>And round it off with </p> <pre><code><input type="submit" value="submit"> </form> </code></pre> <p>to submit it.</p> <p>How do i incorporate this into the below code to add the functionality without losing the style. I havent add style/css section as i didnt think it would it matter to the question at hand.</p> <pre><code><script type="text/javascript"> $(document).ready(function() { $(".dropdown a").click(function() { $(".dropdown ul").toggle(); }); }); $(".dropdown ul li a").click(function() { var text = $(this).html(); $(".dropdown a span").html(text); $(".dropdown ul").hide(); $("#result").html("Selected value is: " + getSelectedValue("sample")); }); function getSelectedValue(id) { return $("#" + id).find("li a span.value").html(); } $(document).bind('click', function(e) { var $clicked = $(e.target); if (! $clicked.parents().hasClass("dropdown")) $(".dropdown ul").hide(); }); }); <form action="" method="get"> <div class="sort"> <ul> <li id="sample" class="dropdown"> <a href="#">Gender |<span>Both sexes</span></a> <ul><li><a href="#">Male<span class="value">Male</span></a> <a href="#">Female<span class="value">Female</span></a> <a href="#">Both Sexes<span class="value">Both Sexes</span></a> </li></ul> </li> </ul> <input type="submit"> </form> </code></pre>
Tags
<javascript><html>
Title
Adding form function to a menu
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USCommunity
UserOwnerUserId
1. USJT.
plurals
PostLinksPostIdRelatedPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId

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.