How to make an asp dropdown list item unselectable

Question

I have written following code to display drop down list :

<asp:DropDownList AutoPostBack="True" ID="ddlCities" runat="server" class="form-control input-sm" placeholder="" TabIndex="5">
       <asp:ListItem>Select City</asp:ListItem>
       <asp:ListItem value="3">Ahmedabad (All) ---------------</asp:ListItem>
       <asp:ListItem value="3_3004">&nbsp;&nbsp;&nbsp;&nbsp;Ahmedabad East</asp:ListItem>
       <asp:ListItem value="3_3005">&nbsp;&nbsp;&nbsp;&nbsp;Ahmedabad West</asp:ListItem>
       <asp:ListItem value="3_3006">&nbsp;&nbsp;&nbsp;&nbsp;Ahmedabad-Bopal and Surroundings</asp:ListItem>
       <asp:ListItem value="3_3007">&nbsp;&nbsp;&nbsp;&nbsp;Ahmedabad-Gandhinagar</asp:ListItem>
       <asp:ListItem value="3_3008">&nbsp;&nbsp;&nbsp;&nbsp;Ahmedabad-Sabarmati and Surroundings</asp:ListItem>
       <asp:ListItem value="3_3009">&nbsp;&nbsp;&nbsp;&nbsp;Ahmedabad-SG Highway and Surroundings</asp:ListItem>
</asp:DropDownList>

I want to make following item inside dropdown unselectable :

<asp:ListItem value="3">Ahmedabad (All) ---------------</asp:ListItem>

Note : I CAN'T USE OPTGROUP!!!!

and i don't want to hide it. it will be shown in dropdown, but user can't select this item.

I have tried adding 'disabled' attribute, but it hides that item.

i have also tried :

ddlCities.Items[1].Attributes.Add("Style", "cursor:not-allowed");

It doesn't allow cursor, but still user can select this item, is there any other way to make this particular item unselectable??

@AzarShaikh the solution said in the link won't work, it will hide the item — ace
– ace, Commented Jul 7, 2017 at 5:58

Esko · Accepted Answer · 2017-07-07 05:57:20Z

4

Even though you said that disabled attribute hides the element, you are wrong. Disabled attribute is exactly what you should use for this:

    <asp:DropDownList ID="DropDownList1" runat="server">
        <asp:ListItem Value="1">First</asp:ListItem>
        <asp:ListItem Value="2" disabled="disabled">Second</asp:ListItem>
        <asp:ListItem Value="3">First</asp:ListItem>
    </asp:DropDownList>

Result:

answered Jul 7, 2017 at 5:57

Esko

4,2172 gold badges26 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

12 Comments

ace Over a year ago

i have already mentioned that disabled attribute will hide that field. what you have shown as RESULT, is what exactly i want, but <asp:ListItem Value="2" disabled="disabled">Second</asp:ListItem> will hide that item

Esko Over a year ago

@ace I just tested that and it does not hide it. Do you have some javascript or maybe css that hides it? Asp.net does not hide it, it will just disable it.

ace Over a year ago

i don't have any javascript or css that hides it, but i have ddlCities.Items[1].Attributes.Add("Style", "cursor:not-allowed"); this in c# code behind file

ace Over a year ago

can you please share the code snippet which works for you?

ace Over a year ago

Moreover you can't use disabled="disabled", you can use enabled="true"

|

Naresh Podishetty · Accepted Answer · 2017-07-07 05:59:42Z

-1

I think you're looking for something like this. Please see if it can help you.

[Update] just looked back to your post and understand you cannot use OPTGROUP. May i know the reason? as your requirement needs this option.

edited Jul 7, 2017 at 5:59

answered Jul 7, 2017 at 5:56

Naresh Podishetty

7974 silver badges16 bronze badges

2 Comments

Marco Over a year ago

Please do not post link-only answers. If the link dies, your answer becomes useless.

ace Over a year ago

@NareshPodishetty i have already tried the solution in the said link, it doesn't works at all

Collectives™ on Stack Overflow

How to make an asp dropdown list item unselectable

2 Answers 2

12 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

12 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related