how to fill textbox on selecting item from dropdown list mvc

athira k

9y14.4k.NET

I have a bit confusion in a session where that how to fill the textbox on selection of an item from drop down list for that I have written the code that

controller

public async Task Index()

{

ViewBag.studentName = new SelectList(db.Students, "ID", "FirstName");

return View(db.Details.ToList());

}

view

@using (@Html.BeginForm("Edit", "StudentFee", FormMethod.Post))

{

@Html.AntiForgeryToken()

Agent Name

@Html.DropDownList("StudentName", (IEnumerable)@ViewBag.StudentName, "select value")

Fee

@Html.Editor("Fee", new { @class = "form-control" })

}

@foreach (var item in Model)

{

}

@Html.DisplayNameFor(model => model.StudentId)	@Html.DisplayNameFor(model => model.Date)	@Html.DisplayNameFor(model => model.Fee)
@Html.DisplayFor(modelItem => item.StudentId)	@Html.DisplayFor(modelItem => item.Date)	@Html.DisplayFor(modelItem => item.Fee)	@Html.ActionLink("Collect", "Edit", new { id = item.Id }) \| @Html.ActionLink("Details", "Details", new { id=item.Id }) \| @Html.ActionLink("Delete", "Delete", new { id=item.Id })

This is my view page , here Now I get the Id of the item selected to the textbox but What is need is I need to get the Fee of the selected student instead of the Id and when clicking on the new button the action to edit edit page is not working or it is not redirect to the edit page . how can I do this can anyone please help me to find a solution for this ??

9 Replies

Know the answer? Post it — somebody with the same question will find it here.

Shubham Kumar9y ago
make the button type as submit it call your given method
athira k9y ago
okay @Shubham Kumar Thankyou I got the answer but I have another doubt that I have a button just below the textbox but when I clicked on that it is not moving to the edit page why is that ? I have written
@using (@Html.BeginForm("Edit", "StudentFee", new { id = ViewBag.StudentId, FormMethod.Get }))
Shubham Kumar9y ago
your jquery function for getting record from db is like this
function getFeeForStudent(studentId) {
        debugger;
        $.ajax({
            url: "/yourcontroller/youraction",
            type: 'GET',
            dataType: 'Json',
            data:{"StudentId": studentId}
            async: false,
            success: function (result) {
                $('#txtbx').val(result[0].Fee); //or use forech loop to get record
            },
            error: function (xhr, status) {
                swal('Some problem occur !', '', 'error')
            }
        });

    }
and in your controller write function or method for getting a record from db
Shubham Kumar9y ago
ok aithra did you know about how to make jsonResult method ?
Dharmraj Thakur9y ago
Refer this..
http://tutorial.techaltum.com/dropdown-binding-using-ajax-in-mvc.html
athira k9y ago
@Dharmraj Thakur but i am taking value from database
Dharmraj Thakur9y ago
I think your drop down currently generating like this...

It sould be like this...

At last read id or value from dropdown using jquery...
athira k9y ago
but how can I do that ? sorry Iam the beginner in mvcand didn't get the correct flow of how to do this jquery ajax. can you please explain it how to do this ??
Shubham Kumar9y ago
just make a ajax function in your drop down change event and pass the id of student and get the fee from your db or whatever you are using