StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow to show form input fields based on select value?
primarykey
Id
15566999
data
AcceptedAnswerId
15567092
AnswerCount
6
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2013-03-22T09:37:41.527
FavoriteCount
16
LastActivityDate
2018-03-16T07:00:57.220
LastEditDate
2016-11-21T12:29:46.863
LastEditorUserId
3257186
OwnerUserId
2189617
ParentId
0
PostTypeId
1
Score
15
ViewCount
88552
LastEditorDisplayName
text
Body
<p>I know this is simple, and I need to search in Google. I tried my best and I could not find a better solution. I have a form field, which takes some input and a select field, which has some values. It also has "Other" value. </p> <p>What I want is: </p> <p>If the user selects the 'Other' option, a text field to specify that 'Other' should be displayed. When a user selects another option (than 'Other') I want to hide it again. How can I perform that using JQuery? </p> <p>This is my JSP code</p> <pre><code><label for="db">Choose type</label> <select name="dbType" id=dbType"> <option>Choose Database Type</option> <option value="oracle">Oracle</option> <option value="mssql">MS SQL</option> <option value="mysql">MySQL</option> <option value="other">Other</option> </select> <div id="otherType" style="display:none;"> <label for="specify">Specify</label> <input type="text" name="specify" placeholder="Specify Databse Type"/> </div> </code></pre> <p>Now I want to show the DIV tag**(id="otherType")** only when the user selects Other. I want to try JQuery. This is the code I tried</p> <pre><code><script type="text/javascript" src="jquery-ui-1.10.0/tests/jquery-1.9.0.js"></script> <script src="jquery-ui-1.10.0/ui/jquery-ui.js"></script> <script> $('#dbType').change(function(){ selection = $('this').value(); switch(selection) { case 'other': $('#otherType').show(); break; case 'default': $('#otherType').hide(); break; } }); </script> </code></pre> <p>But I am not able to get this. What should I do? Thanks</p>
Tags
<javascript><jquery><html><jsp>
Title
How to show form input fields based on select value?
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USiCode
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. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POHow to show form input fields based on select value?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POHow to show form input fields based on select value?
  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.