StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHTML Drop Down List to Select Radio Button
primarykey
Id
9929039
data
AcceptedAnswerId
9929244
AnswerCount
3
ClosedDate
CommentCount
3
CommunityOwnedDate
CreationDate
2012-03-29T15:56:41.450
FavoriteCount
2
LastActivityDate
2012-03-29T18:42:42.490
LastEditDate
2012-03-29T16:05:10.240
LastEditorUserId
916867
OwnerUserId
916867
ParentId
0
PostTypeId
1
Score
3
ViewCount
9126
LastEditorDisplayName
text
Body
<p>I have a problem that I'm hoping to get some direction in solving - I'm building an eCommerce site that includes a page displaying product options. One of the options is selecting the product's color by selecting a swatch. Once the swatch is selected, using JQuery, a red border goes on the selected swatch. At the same time, the same color option is selected in an HTML drop down list/menu, which works perfectly. The problem comes when I want the reverse done: when a user selects the option from the drop down list, I need the corresponding swatch to have a border on it. Not my choice, but that's the way the customer wants it.</p> <p>I've looked everywhere that I can but none of the solutions I've found seem to work. Any guidance on this one?</p> <p>The JQuery:</p> <pre><code>jQuery(document).ready(function($) { $('.checkboxes input').each(function(index, value) { $(this).parent().prepend('<div class="color" color="' + $(this).attr('color') + '" style="background: url(\'../../../../images/textiles/' + $(this).attr('color') + '.jpg\')"> </div'); }); $('.color').click(function(e){ //alert($(this).attr('color')); $('.color').removeClass('selected'); $(this).addClass('selected'); $('input[color=' + $(this).attr('color') + ']').click(); }); }); </code></pre> <p>The html radio buttons and drop down list:</p> <pre><code><div class="checkboxes"> <input type="radio" onclick="javascript:void goToOption(document.gobag.color_list,'Multicam')" color="multicam" name="color" value="Multicam" style="visibility: hidden"/> <input type="radio" onclick="javascript:void goToOption(document.gobag.color_list,'Marpat')" color="marpat" name="color" value="Marpat" style="visibility: hidden"/> <input type="radio" onclick="javascript:void goToOption(document.gobag.color_list,'UC')" color="UC" name="color" value="UC"style="visibility: hidden"/> <input type="radio" onclick="javascript:void goToOption(document.gobag.color_list,'Coyote')" color="coyote" name="color" value="Coyote" style="visibility: hidden"/> <input type="radio" onclick="javascript:void goToOption(document.gobag.color_list,'Khaki')" color="khaki" name="color" value="Khaki" style="visibility: hidden"/> <input type="radio" onclick="javascript:void goToOption(document.gobag.color_list,'Foliage')" color="foliage" name="color" value="Foliage" style="visibility: hidden"/> <input type="radio" onclick="javascript:void goToOption(document.gobag.color_list,'Black')" color="black" name="color" value="Black" style="visibility: hidden" /> </div></span><br /> <select name="color_list" onchange=""> <option selected="selected">Select a Color</option> <option name="Black" >Black</option> <option name="Foliage" >Foliage</option> <option name="Khaki" >Khaki</option> <option name="Coyote" >Coyote</option> <option name="UC" >UC</option> <option name="Marpat" >Marpat</option> <option name="Multicam" >Multicam</option> </select><br /><br /> </code></pre>
Tags
<javascript><jquery><html>
Title
HTML Drop Down List to Select Radio Button
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USjbrown574
UserOwnerUserId
1. USjbrown574
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
  POHTML Drop Down List to Select Radio Button
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POHTML Drop Down List to Select Radio Button
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
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.