<div class="panel-body">
        @Using Html.BeginForm("Ricerca", "Home", New With {.ReturnUrl = ViewBag.ReturnUrl}, FormMethod.Post, New With {.class = "form-horizontal", .role = "form"})
            @Html.AntiForgeryToken()
            @<text>
                @Html.ValidationSummary(True, "", New With {.class = "text-danger"})
                <div class="form-group ">
                    @Html.Label("Descrizione", New With {.class = "col-md-2 control-label"})
                    <div class="col-md-10">
                        @Html.DropDownList("descrizione", TryCast(ViewBag.descrizioni, List(Of SelectListItem)), "Selezionare valore", New With {.class = "form-control"})                       
                  </div>
                </div>
        <div class="form-group ">
            @Html.Label("Località", New With {.class = "col-md-2 control-label"})
            <div class="col-md-10">
                @Html.DropDownList("localita", New SelectList(String.Empty, "Value", "Text"), "Seleziona tutti", New With {.class = "form-control", .disabled = "disabled", .style = "display:none;"})
            </div>
        </div>
        <div class="form-group ">
            @Html.Label("Piano", New With {.class = "col-md-2 control-label"})
            <div class="col-md-10">
                @Html.DropDownList("piano", New SelectList(String.Empty, "Value", "Text"), "Seleziona tutti", New With {.class = "form-control", .disabled = "disabled", .style = "display:none;"})
            </div>
        </div>
        <div class="form-group ">
            @Html.Label("Stanza", New With {.class = "col-md-2 control-label"})
            <div class="col-md-10">
                @Html.DropDownList("stanza", New SelectList(String.Empty, "Value", "Text"), "Seleziona tutti", New With {.class = "form-control", .disabled = "disabled", .style = "display:none;"})
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Ricerca" class="btn btn-default" />              
            </div>
        </div>

<script type="text/javascript">
        $(document).ready(function ()
        {

            $("#descrizione").change(function ()
            {

                //            alert($("#descrizione").val());

                if ($("#descrizione option:selected").val() == '')
                {
                    $("#localita").empty();
                    $("#localita").attr('disabled', true);
                    $("#localita").hide();
                    return;
                }

                $("#piano").empty();
                $("#piano").attr('disabled', true);
                $("#piano").hide();

                $("#localita").empty();
                $("#localita").removeAttr("disabled");
                $("#localita").show();

                $.ajax({
                    type: 'POST',
                    url: '@Url.Action("recupera_localita")', // we are calling json method

                    dataType: 'json',

                    data: { id: $("#descrizione").val() },

                    success: function (states)
                    {
                        // states contains the JSON formatted list
                        // of states passed from the controller

                        $("#localita").append('<option value="">Seleziona tutti</option>');

                        $.each(states, function (i, state)
                        {
                            $("#localita").append('<option value="' + state.Value + '">' +
                                 state.Text + '</option>');
                            // here we are adding option for States

                        });
                    },
                    error: function (ex)
                    {
                        alert('Impossibile recuperare le località' + ex);
                    }
                });
                return false;
            })
        });
</script>