Question

我一直在尝试用HTML实现下拉列表。显示下拉列表，但下拉列表中的选项一旦被选中就不会显示。选择后，该框保持为空。

以下是代码 -

<form action="evaluate">
  <select name="places">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
  </select>
  <br><br>
  <input type="submit" class="w3-button w3-red w3-margin-top" value="Submit">
</form>

evaluate是一个servlet。我必须从下拉列表中选择一个选项。然后在单击提交按钮后，数据应转到名为evaluate的。

Answer 1

你有一个额外的双引号！ <select name="places" ">应该<select name="places">并且有效。请参阅以下工作链接https://jsfiddle.net/xrvmjLpm/

Answer 2

我遇到的问题是我使用的css文件。所以，我不得不改变课程并做一些造型如下。

<div id ="drop" class="w3-content"">
<style>
#drop
{
background-color:black;
padding:0.9em;
}
</style><!-- code for dropdown menu--> </div>

下拉文本未显示

2 个答案: