使用PHP中的缩进项和格式化项进行选择
我有一个需要显示一个选择框,将显示所有类别和子类别在一次去 我想显示最左边的所有类别&粗体,而所有子类别将归入各自的类别,但将缩进和斜体 我们如何在PHP中创建这样一个选择列表 我在Magento电子商务(www.magentocommerce.com)管理面板中有类似的内容 类别从数据库中检索,有时可以达到6个级别,例如: `第1类 第1A类 1B类 第2类 第2A类 第2AA类 第2AB类 Cat 2AC 第2ACA类 第3类` 等等。所有具有子类别的类别应为粗体,所有子类别应为斜体使用PHP中的缩进项和格式化项进行选择,php,html,magento,html-select,Php,Html,Magento,Html Select,我有一个需要显示一个选择框,将显示所有类别和子类别在一次去 我想显示最左边的所有类别&粗体,而所有子类别将归入各自的类别,但将缩进和斜体 我们如何在PHP中创建这样一个选择列表 我在Magento电子商务(www.magentocommerce.com)管理面板中有类似的内容 类别从数据库中检索,有时可以达到6个级别,例如: `第1类 第1A类 1B类 第2类 第2A类 第2AA类 第2AB类 Cat 2AC 第2ACA类 第3类` 等等。所有具有子类别的类别应为粗体,所有子类别应为斜体 我希望
我希望现在能更清楚地知道我想要实现什么。好吧,你可以在你想要缩进的每个元素前面加上几个,如下所示:
<select id="mySelect">
<option value="topLevelFoo">Foo</option>
<option value="subBar">& nbsp;& nbsp;Bar</option>
<option value="subBaz">& nbsp;& nbsp;Baz</option>
</select>
福
 ; ;酒吧
 ; ;巴兹
这有点难看,但应该足以实现你的目标(至少在视觉上)。另一种常见的方法是使用连字符来表示这些类型的选择
祝你好运
编辑:呃,看起来SO编辑器正在渲染
代码>元素。为了避免这个问题,我在符号和之后添加了空格,但是空格实际上不会出现在代码中。您必须在select元素中使用optgroup元素:
<select name="Namen" size="6">
<optgroup label="Namen mit A">
<option label="Anna">Anna</option>
<option label="Achim">Achim</option>
<option label="August">August</option>
</optgroup>
<optgroup label="Namen mit B">
<option label="Berta">Berta</option>
<option label="Barbara">Barbara</option>
<option label="Bernhard">Bernhard</option>
</optgroup>
</select>
使用optgroup标记加粗类别
<html>
<body>
<select>
<optgroup label="Numbers">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</optgroup>
<optgroup label="Letters" disabled="true">
<option value="4">A</option>
<option value="5">B</option>
<option value="6">C</option>
</optgroup>
</select>
</body>
一个
两个
三
A.
B
C
查看Html源代码,其中包含一些类似于所需内容的内容,然后您就知道php必须输出哪些代码。然后你必须这么做。具体操作方式取决于数据的存储方式等。
如果你的问题没有得到解决,那就更具体些,这与PHP无关,你需要的是一些HTML和CSS来设计它的样式
您可以创建一个带有如下标识的列表:
<select class="category">
<option>Category</option>
<optgroup label="Optional label">
<option>More options</option>
</optgroup>
</select>
.category option {
font-weight: bold;
}
.category optgroup option {
font-style: italic;
}
你试过做什么吗?你们有麻烦的样品吗?你能把你的尝试放在这里吗?我不知道怎么做,所以我在问。谢谢你,但是子项级别是从DB中检索的,可以有多个子项。例如:Cat 1 Cat 1A Cat 1AA Cat 2 Cat 2A Cat 2B Cat 2BA Cat 2BB Cat 3 Cat 4 Cat 5 Cat 5A等。那么我该怎么做呢实现这一点?嗯,如果它得到一个更复杂的列表,您最好不要使用optgroup(您不能从列表中选择optgroup元素)。您可以尝试为选项元素提供level1、level2等类,并通过这些类调整填充/字体权重。
.category option {
font-weight: bold;
}
.category optgroup option {
font-style: italic;
}