@model SoftwayWeb.Models.Cascading



@{
    // ViewData["Title"] = "Cascading";
    Layout = null;
}

@* <h1>Cascading</h1> *@

<script src="~/assets/js/jquery.min.js"></script>

<h2>Cascading DropdownList</h2>

<table>
    <tr>
        <td>
            <label>Committente</label>
        </td>
        <td>
            @Html.DropDownListFor(x => x.ancodice, Model.Committenti, "--Select--", new { @id = "ddlCommittenti" })
        </td>
    </tr>
    <tr>
        <td>
            <label>Sede consegna</label>
        </td>
        <td id="District">
            @Html.DropDownListFor(x => x.pccodsed, Model.SediCons/* new List<SelectListItem>() */, "--Select--", new {@id = "ddlSediCons"})
        </td>
    </tr>
</table>

@* <script type="text/javascript">
    $(document).ready(function () {
        $('#ddlCommittenti').change(function () {
            $.ajax({
                type: "post",
                url: "/CommesseVT/Cascading",
                data: { ancodice: $('#ddlCommittenti').val() },
                datatype: "json",
                traditional: true,
                success: function (states) {

                    //alert(states.length);
                    //alert(JSON.stringify(states));

                    var district = "<select id='ddlSediCons' class='form-control'>";
                    district = district + '<option value="">--Seleziona--</option>';
                    for (var i = 0; i < states.length; i++) {
                        district = district + '<option value="' + states[i].value + '">' + states[i].text + '</option>';
                        //alert(states[i].text);
                        //alert(states[i].value);
                        //alert(district);
                    }

                    district = district + '</select>';
                    alert(district);
                    $('#District').html(district);
                }
            });
        });
    });
</script> *@


<script type="text/javascript">
    $(document).ready(function () {
        $('#ddlCommittenti').change(function () {
            $.ajax({
                type: "post",
                url:"/AddDestinazione/Cascading",
                data: {ancodice: $('#ddlCommittenti').val()},
                datatype: "json",
                traditional: true,
                success: function (states) {
                    var district = "<select id='ddlSediCons' class='form-control'>";
                    district = district + '<option value="">--Seleziona--</option>';
                    for (var i = 0; i < states.length; i++) {
                        district = district + '<option value="' + states[i].value + '">' + states[i].text + '<option>';
                    }
                    district = district + '</select>';
                    alert(district);
                    $('#District').html(district);
                }
            });
        });
    });
</script>