Question

我刚接触HTML。我在活动网站上工作，该网站要求人们注册活动，该网站是一个下拉列表，显示当前正在运行的事件，用户可以从下拉列表中选择一个事件，当他们从下拉列表中选择事件时，我会例如该网站使用事件的描述来更新名为eventDescription的字段。这是我的HTML code

<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”吗？

Answer 1

您可以拥有所需的任何属性，即使该属性不是已知属性也是如此。例如，您可以拥有description：

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

现在，当您对select标记的change事件进行javascript处理时，通过访问其名为`description'的属性，从选定的option中检索信息。

HTML，在选择下拉菜单项时更新字段

1 个答案: