Javascript HTML，选择下拉项时更新字段

我对HTML相当陌生。我在一个活动网站上工作，该网站要求人们注册活动，网站上有一个下拉列表，显示当前正在运行的活动，用户可以从下拉列表中选择活动，当他们从下拉列表中选择活动时，我希望站点使用事件描述更新名为

eventDescription

的字段。这是我的

HTML代码

<div class="row form-group">
                        <div class="col-md-12">
                        <select name="event" required="true" class="form-control" style='width:100%'>
                            <option value="" disabled selected>Select the event you registering for</option>
                                <?php foreach ($events as $event) {?>
                                    <option value="<?php echo  $event['id']; ?>"> <?php echo  $event['title']; ?></option>
                                  <?php } ?>
                          </select>
                            </div>
                        </div>


                        <div class="row form-group">
                            <div class="col-md-12">
                                <a class="form-control" id="eventDescription" placeholder="Selected event description"></a>
                            </div>
                        </div>

选择要注册的事件

---

我是HTML新手，我不知道如何做到这一点，尽管我知道我可以使用

javascript

如何使用

$event['description']

更新id=“eventDescription”？

您可以拥有任何想要的属性，即使这些属性不是已知的属性。例如，您可以有

说明
：

<option value="<?php echo $event['id']; ?> description="<?php echo $event['description']; ?>"> <?php echo $event['title']; ?></option>

“>

现在，当您对
select
标记的change事件执行javascript时，通过访问其名为`description.
的属性，从所选
选项中检索信息。因为您的帖子只有一个javascript标记，所以您可以使用这个SO post（）了解如何向服务器发送异步请求，并使用id=“eventDescription”和此SO post（）返回要放置在元素中的值要了解如何将更改事件附加到下拉列表中，该下拉列表将使用对服务器的异步调用来获取所选选项的值，但正如我所说的，我不熟悉HTML和Javascript，我知道我可以这样做，但不确定如何做