title: HTML, updating field when dropdown item is selected
body: <p>I am fairly new to HTML. I am working on an event website, the website requires people to register for events, on the website is a dropdown showing the events currently running, a user can choose an event from the dropdown, when they choose the event from the dropdown, I would like the site to update a field named <code>eventDescription</code> with the event's description. Here is my <code>HTML code</code></p>
  
  <pre><code>&lt;div class="row form-group"&gt;
                          &lt;div class="col-md-12"&gt;
                          &lt;select name="event" required="true" class="form-control" style='width:100%'&gt;
                              &lt;option value="" disabled selected&gt;Select the event you registering for&lt;/option&gt;
                                  &lt;?php foreach ($events as $event) {?&gt;
                                      &lt;option value="&lt;?php echo  $event['id']; ?&gt;"&gt; &lt;?php echo  $event['title']; ?&gt;&lt;/option&gt;
                                    &lt;?php } ?&gt;
                            &lt;/select&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
  
                          &lt;div class="row form-group"&gt;
                              &lt;div class="col-md-12"&gt;
                                  &lt;a class="form-control" id="eventDescription" placeholder="Selected event description"&gt;&lt;/a&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  </code></pre>
  
  <p>I am new to HTML I have no idea on how to do this, although I know I can do it with <code>javascript</code> how do I update id="eventDescription" with <code>$event['description']</code> ?</p>