ansaurus

Question

Select with Indented as well as formatted Items in PHP

Answer 1

A:

Well, you could just add a couple of 's before each element you want to indent, like so:

<select id="mySelect">
    <option value="topLevelFoo">Foo</option>
    <option value="subBar">& nbsp;& nbsp;Bar</option>
    <option value="subBaz">& nbsp;& nbsp;Baz</option>
</select>

It's a little ugly, but it should be enough to accomplish your goal (at least visually). Another common way to do this is to use hyphens to indicate these types of choices.

Good luck!

Edit: Er, it looks like the SO editor is rendering the & nbsp; elements. I've added spaces after the ampersand to get around this, but the spaces wouldn't actually appear in your code.

inkedmn 2009-07-21 12:51:47

Answer 2

+4 A:

You have to use the optgroup element in your select element:

<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>

You can then style them via

optgroup {
    font-weight:bold;
    /*etc*/
}

smoove666 2009-07-21 12:52:27

Thanks for this but the sub items levels are retrieved from DB and there can be more than one sub. For Example:Cat 1 Cat 1A Cat 1AACat 2 Cat 2A Cat 2B Cat 2BA Cat 2BBCat 3Cat 4Cat 5 Cat 5Aetc.So how can I achieve this?

Yogi Yang 007 2009-07-22 11:24:54

Hmm, if it gets a more complicated list, you are probably better off not using optgroup (you can't select optgroup elements from the list).You could try to give the option elements classes like level1, level2 etc. and adjust the padding / font weight via those classes.

smoove666 2009-07-22 12:06:55

Answer 3

A:

use the optgroup tag to bold the categories.

<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>

TheBrain 2009-07-21 12:52:46

Answer 4

A:

Look in the Html source where you have something like what you want, then you know what code php will have to output. And then you have to do that. How exactly that is done depends on how your data is stored etc. If your Question is not solved, get more specific

Flo 2009-07-21 12:54:55

Answer 5

A:

This has nothing to do with PHP, what you need is some HTML and CSS to style it.

You can make a list with identations like this:

<select class="category">
    <option>Category</option>
    <optgroup label="Optional label">
        <option>More options</option>
    </optgroup>
</select>

You can then style it like this:

.category option {
    font-weight: bold;
}

.category optgroup option {
    font-style: italic;
}

Mythica 2009-07-21 12:55:39

ansaurus

tags:

views:

answers:

Select with Indented as well as formatted Items in PHP

related questions