Question

我正在编写一个包含2个文本字段和一个选择的非常简单的表单。出于某种原因，带有选项的选择标记不会显示在我的页面上。我可以看到2个文本字段和select的标签，但不能选择它自己。该应用程序是用rails编写的，我使用了materialize。

可能有一些显而易见的东西我没有看到它，但是经过30％的思考后，我觉得把它放在SO上是公平的:) 感谢

以下是代码：

<form action="/resources" method="post">

  <input
  type="hidden"
  name="authenticity_token"
  value="<%= form_authenticity_token %>">

  <label for="ressource_name">Ressource Name</label>
  <input type="text" id="ressource_name" name="resource[ress_name]" value="<%= @resource.ress_name %>">

  <label for="ressource_link">Ressource Link</label>
  <input type="text" id="ressource_link" name="resource[link]" value="<%= @resource.link %>">


  <label for="categories">Categories</label>
  <select id="categories" name="resource[category_id]">
    <option value="1">Stuff 1</option>
    <option value="2">Stuff 2</option>
    <option value="3">Stuff 3</option>
    <option value="4">Stuff 4</option>
    <option value="5">Stuff 5</option>
    <option value="6">Stuff 6</option>
    <option value="7">Stuff 7</option>
    <option value="8">Stuff 8</option>
  </select>
  <br>
  <input type="submit" value="Post">
</form>

Answer 1

所以我把答案（来自Samir）放在这里以及我猜其他人可能会遇到这个问题（它不会改变你的生活，但它可能会节省你想要花费的几分钟＆＃39;真实的问题。）

检查造型！由于某种原因，select标签默认为{display：none;}

Answer 2

页面上的选择标记（可能是所有选择的标记）很可能默认为“显示：无”＃39;如果你找不到正在消失select标签的确切css代码，只需通过在select元素上声明一个style属性并将其显示为block来级联旧样式。如下所示

<select style="display: block;">
    <option value="" selected>Choose Country</option>
</select>

选择标记不会显示在我的表单上

2 个答案: