Databases
StackOverflow2013
Postsdbo
POContent dependent drop down menu? (square one)
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POContent dependent drop down menu? (square one)
    primarykey
    data
    text
    <p>I am trying to create three drop down menus (a list of activity choices), for a person to show top three preferences. I would like to have the second and third menus automatically remove the previously selected choices as options. I have only programmed in the three identical drop down menus:</p> <pre><code>&lt;div id="satellites"&gt; &lt;p&gt;&lt;b&gt;Satellite Choices&lt;/b&gt;&lt;br /&gt; List your first, second, and third choices. You will be given your first choice if it is not full. ALL events have limited capacity. If you do not choose a satellite, one will be assigned for you.&lt;br /&gt; &lt;label&gt;First Choice*: &lt;/label&gt;&lt;select name="satellite1 id="firstchoice" required="required""&gt;&lt;br /&gt; &lt;option value="art"/&gt;Art&lt;/option&gt;&lt;br /&gt; &lt;option value="basketball"/&gt;Basketball&lt;/option&gt;&lt;br /&gt; &lt;option value="dance"/&gt;Dance&lt;/option&gt;&lt;br /&gt; &lt;option value="drama"/&gt;Drama&lt;/option&gt;&lt;br /&gt; &lt;option value="missions"/&gt;Missions&lt;/option&gt;&lt;br /&gt; &lt;option value="photo1"/&gt;Beginning Photography&lt;/option&gt;&lt;br /&gt; &lt;option value="photo2"/&gt;Advanced Photography&lt;/option&gt;&lt;br /&gt; &lt;option value="rock_climbing"/&gt;Rock Climbing&lt;/option&gt;&lt;br /&gt; &lt;option value="scrap-booking"/&gt;Scrap-Booking&lt;/option&gt;&lt;br /&gt; &lt;option value="sgjr"/&gt;Summer Games Jr. Training&lt;/option&gt;&lt;br /&gt; &lt;option value="soccer"/&gt;Soccer&lt;/option&gt;&lt;br /&gt; &lt;option value="technology"/&gt;Technology&lt;/option&gt;&lt;br /&gt; &lt;option value="ultimate"/&gt;Ultimate Frisbee&lt;/option&gt;&lt;br /&gt; &lt;option value="video_games"/&gt;Video Games&lt;/option&gt;&lt;br /&gt; &lt;option value="volleyball"/&gt;Volleyball&lt;/option&gt;&lt;br /&gt; &lt;option value="water_park"/&gt;Water Park&lt;/option&gt;&lt;br /&gt; &lt;/select&gt;&lt;br /&gt;&lt;br /&gt; &lt;label&gt;Second Choice*: &lt;/label&gt;&lt;select name="satellite2" id="secondchoice" required="required"&gt;&lt;br /&gt; &lt;option value="art"/&gt;Art&lt;/option&gt;&lt;br /&gt; &lt;option value="basketball"/&gt;Basketball&lt;/option&gt;&lt;br /&gt; &lt;option value="dance"/&gt;Dance&lt;/option&gt;&lt;br /&gt; &lt;option value="drama"/&gt;Drama&lt;/option&gt;&lt;br /&gt; &lt;option value="missions"/&gt;Missions&lt;/option&gt;&lt;br /&gt; &lt;option value="photo1"/&gt;Beginning Photography&lt;/option&gt;&lt;br /&gt; &lt;option value="photo2"/&gt;Advanced Photography&lt;/option&gt;&lt;br /&gt; &lt;option value="rock_climbing"/&gt;Rock Climbing&lt;/option&gt;&lt;br /&gt; &lt;option value="scrap-booking"/&gt;Scrap-Booking&lt;/option&gt;&lt;br /&gt; &lt;option value="sgjr"/&gt;Summer Games Jr. Training&lt;/option&gt;&lt;br /&gt; &lt;option value="soccer"/&gt;Soccer&lt;/option&gt;&lt;br /&gt; &lt;option value="technology"/&gt;Technology&lt;/option&gt;&lt;br /&gt; &lt;option value="ultimate"/&gt;Ultimate Frisbee&lt;/option&gt;&lt;br /&gt; &lt;option value="video_games"/&gt;Video Games&lt;/option&gt;&lt;br /&gt; &lt;option value="volleyball"/&gt;Volleyball&lt;/option&gt;&lt;br /&gt; &lt;option value="water_park"/&gt;Water Park&lt;/option&gt;&lt;br /&gt; &lt;/select&gt;&lt;br /&gt;&lt;br /&gt; &lt;label&gt;Third Choice*: &lt;/label&gt;&lt;select name="satellite3" id="thirdchoice" required="required"&gt;&lt;br /&gt; &lt;option value="art"/&gt;Art&lt;/option&gt;&lt;br /&gt; &lt;option value="basketball"/&gt;Basketball&lt;/option&gt;&lt;br /&gt; &lt;option value="dance"/&gt;Dance&lt;/option&gt;&lt;br /&gt; &lt;option value="drama"/&gt;Drama&lt;/option&gt;&lt;br /&gt; &lt;option value="missions"/&gt;Missions&lt;/option&gt;&lt;br /&gt; &lt;option value="photo1"/&gt;Beginning Photography&lt;/option&gt;&lt;br /&gt; &lt;option value="photo2"/&gt;Advanced Photography&lt;/option&gt;&lt;br /&gt; &lt;option value="rock_climbing"/&gt;Rock Climbing&lt;/option&gt;&lt;br /&gt; &lt;option value="scrap-booking"/&gt;Scrap-Booking&lt;/option&gt;&lt;br /&gt; &lt;option value="sgjr"/&gt;Summer Games Jr. Training&lt;/option&gt;&lt;br /&gt; &lt;option value="soccer"/&gt;Soccer&lt;/option&gt;&lt;br /&gt; &lt;option value="technology"/&gt;Technology&lt;/option&gt;&lt;br /&gt; &lt;option value="ultimate"/&gt;Ultimate Frisbee&lt;/option&gt;&lt;br /&gt; &lt;option value="video_games"/&gt;Video Games&lt;/option&gt;&lt;br /&gt; &lt;option value="volleyball"/&gt;Volleyball&lt;/option&gt;&lt;br /&gt; option value="water_park"/&gt;Water Park&lt;/option&gt;&lt;br /&gt; &lt;/select&gt;&lt;br /&gt;&lt;br /&gt; &lt;/div&gt; </code></pre> <p>How would I go about this? I am assuming I would need to use javascript, but I have no idea where to start.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USRachel Gallen
    1. USChris569x
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POContent dependent drop down menu? (square one)
      1. This table or related slice is empty.
      1. VTDownMod
    2. VO
      singulars
      1. POContent dependent drop down menu? (square one)
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    3. VO
      singulars
      1. POContent dependent drop down menu? (square one)
      1. This table or related slice is empty.
      1. VTDownMod
    1. COI think we need the question to be more clear and specific please.
      singulars
      1. POContent dependent drop down menu? (square one)
      1. USlimoragni
    2. COyou can use css and html to do that! look at this http://www.handy-html.com/create-a-simple-css-dropdown-menu/
      singulars
      1. POContent dependent drop down menu? (square one)
      1. USRachel Gallen
    3. COWithout knowing what exactly you wish to achieve, there are some bugs in your code -> `name="satellite1 id="firstchoice"` please close the `name` attribute with a `"` and please dont use line breaks (`<br />`) in your select-box!
      singulars
      1. POContent dependent drop down menu? (square one)
      1. USwildhaber
 

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.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload