HTML 5，根据值显示文本（不带js）

Question

因此，对于选择标记，我可以：

<select>
  <option value="1">Volvo</option>
  <option value="2">Saab</option>
</select> 

我的问题是如何做相反的事情？如图所示，值“1”显示沃尔沃。我想根据给定的值显示文本，脚本免费。我需要使用CSS吗？

编辑，我的问题措辞严厉。

假设服务器（rails）给出值“1”，那么我需要站点显示“Volvo”，如果它给出“2”，我需要它显示“Saab”。注意，我不是要创建一个选择框，我只想根据给定的数值显示文本。

Answer 1

您也可以使用它：

<select>
  <option value="Volvo">Volvo</option>
  <option value="Saab">Saab</option>
</select> 

value是通过邮寄或在提交表单后获取的内容，option标签之间的文字是选择菜单中显示的内容。

更改/扩展问题后的备注：

你“不是要创建一个选择框”，你的“服务器给出了一个值”：这是非常不清楚的。你在谈论PHP吗？如果你不想要一个菜单​​，为什么要设置一个选择菜单？

如果是PHP，只需使用if / else子句，如

if($value == 1) {
  echo "Volvo";
} else {
  echo "Saab";
}

Answer 2

我使用CSS内容标记

解决了这个问题

.x4:before {
   content: "Swamping";
}

.x5:before {
   content: "General Labour";
}

这允许我根据选择器

插入文本

         <div class="x<%=  post.stuff.category %>"></div>  

现在，根据rails输出的值，会显示不同的文本。这是在没有javascript的情况下完成的。