Hide item in dropdownlist - C#

Question

I have in dropdownlist some values, (for example 1, 2, 3) and I want to hide one of them (for example 2), then when i click on dropdownlist I want to see only 1 and 3 values...

I use this code, but it doesnt work...

dropDownList.Items[0].Attributes.Add("style", "display: none");

this solution doesnt work too...

dropDownList.Items[0].Attributes.Add("style", "visibility: hidden");

but when I for example setting color with this solution, it works...

Do somebody know how to set it in C#?

Later I want to unhide this value and I want to see all values (1, 2, 3)

Thx.

Define "doesn't work". Compile error? Runtime exception? Unexpected behavior? Be more specific. — tnw, May 14 '14 at 16:09

score 3 · Answer 1 · answered May 14 '14 at 16:12

3

I think you should try removing the value

ListItem removeItem=dropDownList.Items.FindByValue("1");
dropDownList.Items.Remove(removeItem);

answered May 14 '14 at 16:12

COLD TOLD

13,513
3
35
52

The later you gone add it back again – COLD TOLD May 14 '14 at 16:13
@weto You asked to hide them server side, so then you will show them server side – ale May 14 '14 at 16:15
I was just interested why color works but hiding not... I know how bypassed it... – weto May 14 '14 at 16:16
but do you know solution hide it on client side? – weto May 14 '14 at 16:19
http://stackoverflow.com/questions/4398966/how-can-i-hide-select-options-with-javascript-cross-browser – ale May 14 '14 at 16:26

score 3 · Accepted Answer · answered May 14 '14 at 17:15

3

How about do disable it? The code should be something like this:

dropDownList.Items[0].Enabled = false;

Else you can hide it with jQuery:

$("#yourDropDownListId option[value='0']").hide();

answered May 14 '14 at 17:15

brothers28

1,196
17
23

score 0 · Answer 3 · answered May 15 '14 at 03:49

I'll go with COLD TODD's answer. Hiding items of a select box using css is a browser dependent behavior - it may work on some browsers; it may not work on others as expected.

I assume you are talking about a small number of items in a list. You can cache it in the viewstate always. Use a NameValueCollection to store such items.

I haven't tested in all the browsers. In IE10, you cannot hide items at all. In chrome, you cannot hide the first item at all, no matter what. You can play with the example on jsfiddle:

<select id='myoptions'></select>
<br/>
<br/>Hide:
<br/>
<div class="form-inline">
    <select id="ctrls"></select>
    <input type="button" class="btn btn-default" value="Go" id="btnhide" />
</div>

onLoadScript:

var data = {
    'foo1': 'bar1',
        'foo2': 'bar2',
        'foo3': 'bar3',
        'foo4': 'bar4',
        'foo5': 'bar5'
};
$(function () {
    var $sel = $('#myoptions');
    var $sel2 = $('#ctrls');
    $.each(data, function (idx, val) {
        var opt = document.createElement('option');
        opt.value = val;
        opt.innerHTML = idx;
        $sel.append(opt);
        $sel2.append($(opt).clone());
    });
    $('#btnhide').click(function () {
        var val = $sel2.val();
        $sel.find('option').show();
        $sel.find('option[value=' + val + ']').hide();
    });
});

score 0 · Answer 4 · answered Dec 13 '19 at 14:06

Assuming you are using an ASP dropdownlist, you just have to add Enabled="False" to whichever one you want to hide.

<asp:DropDownList ID='DDL' runat="server" >  
    <asp:ListItem>1</asp:ListItem>
    <asp:ListItem Enabled="False">2</asp:ListItem>
    <asp:ListItem>3</asp:ListItem>
 </asp:DropDownList>

Hide item in dropdownlist - C#

4 Answers4