how to group items in drop down list

Question

0.00/5 (No votes)

See more:

hi,
i have a drop down list and i want to divide items into two groups, at first group i want to display group name as a title i.e.,india, under this group states should display, but india is not a item means i should not be selected only states should selected, second group also same as first here title is states under this districts should display.
i can add item using drop down list control in asp.net but how to set name to group.
can anybody help me plz..

Posted 30-Jan-12 20:28pm

parashu durgam

Add a Solution

Comments

vjdeeds 31-Jan-12 2:34am

Can you make d question a bit more clear or can you add a sample of your code that can show us what actually you are trying to do.
Thankyou.

Zeeshan-Ali89 31-Jan-12 2:43am

do u want to make parent and its child am i right?

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

TinTinTiTin · Answer 1 · 2012-01-30T20:40:00

Solution 1

Try This:

XML

<select id="ListBox1" >
       <optgroup label="India"></optgroup>
           <option>State1</option>
           <option>State2</option>
           <option>State3</option>
       <optgroup label="Country">  </optgroup>
           <option>State1</option>
           <option>State2</option>
           <option>State3</option>
   </select>

Posted 30-Jan-12 20:40pm

TinTinTiTin

Comments

Member 13214563 22-May-17 7:08am

how to check the group of selected item of dropdownlist

TinTinTiTin 22-May-17 9:14am

$('#ListBox1').on('change', function ()
{
var label = $(this.options[this.selectedIndex]).closest('optgroup').prop('label');
alert(label);
});

Member 13214563 22-May-17 9:25am

how to check if two items are selected from one group only

AditSheth · Answer 2 · 2012-01-31T00:07:00

Solution 2

Use Option Group
Here is code : ASP.NET DropDownList with OptionGroup support[^][^]

Posted 31-Jan-12 0:07am

AditSheth