how to hide a div from a selected value in dropdownlist asp.net mvc

Question

So I have a dropdownlist(below),

 @Html.DropDownListFor(model => model.Reference, ViewBag.ISharedUI as
 SelectList, "-- REFERENCE TYPE --")
    @Html.ValidationMessageFor(x => x.reftab)

and I have 2 div which are(below)

    <div class="widgetbox" id="divone">
    Some contents
    </div>

and

<div class="widgetbox" id="divtwo" style="visibility:hidden">
Some contents
</div>

So what I need to do is, to select a certain value from the dropdown list, and it will hide the first div and show the second div, and when I select another value, vice versa. All codes are in my view file. What change can I make? I hope my explanation is clear. Sorry for bad english. thanks

edit: as shown, divtwo visibility is set hidden. I wanted it to be shown and divone to be hidden when certain value from dropdownlist is selected

Dreamweaver · Accepted Answer · 2015-05-25 07:26:19Z

4

@Html.DropDownListFor(model => model.Reference, ViewBag.ISharedUI as
 SelectList,  ,   new { @onchange="toggleDIvDisplay(this.value)" }

////then add javascript fuction in scripts section

function toggleDIvDisplay(e)
    {
    if(e == desiredvalue)
    {
    $('#divtwo').show();
    }
    else
    {
    $('#divtwo').hide();
    }
    }

answered May 25, 2015 at 7:26

Dreamweaver

1,37611 silver badges21 bronze badges

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

Comments

Kaushik Thanki · Accepted Answer · 2015-05-25 06:57:08Z

0

Use javascript to do so.

Make one function in javascript that fires Change event and u will get current selected item in this function. Then you can perform your logic there.

$(function() {
$("#Reference").change(function() {
    alert( $('option:selected', this).text() );
    // Your show hide logic goes here 
});

});

answered May 25, 2015 at 6:57

Kaushik Thanki

3,5784 gold badges29 silver badges55 bronze badges

Collectives™ on Stack Overflow

how to hide a div from a selected value in dropdownlist asp.net mvc

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related