Display Dropdownlist selected data in textbox.

Ujjval Shukla

10y1.3k.NET

Hello friends,

I am working on MVC project.I have stucked on some event.I am using a Dropdownlist in View which is populted from database called ID.

When we select ID from Dropdownlist I want to display Name on Textbox which is related to that ID.

Like If we have a record-

ID=1,Name=Karan;

when we select ID 1 in list name karan must be display on textbox.

I have tried more but did not get the solution.

20 Replies

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

Ujjval Shukla10y ago
Here Empmasters also showing the Name not ID.

ea.Emp_Id = Convert.ToInt32(Empmasters);

I think it is becauseof we have used this-

ViewBag.Empmasters = new SelectList(db.Empmasters, "Emp_Name", "Emp_Id");

Is there any way to do same.
Ujjval Shukla10y ago
Here Empmasters also showing the Name not ID.

ea.Emp_Id = Convert.ToInt32(Empmasters);

I think it is becauseof we have used this-

ViewBag.Empmasters = new SelectList(db.Empmasters, "Emp_Name", "Emp_Id");
Ravi Patel10y ago
view page
And this is the .cshtml view code-
@Html.LabelFor(model => model.Empid)
@*@Html.EditorFor(model => model.Empid)*@
//@Html.DropDownList("attemp", ViewBag.attemp as SelectList, "-Select Emp ID-", new { id="EmpID"
@Html.DropDownList("Empmasters", null, "--select----", new { @class = "dropdown" })
})
@Html.ValidationMessageFor(model => model.Empid)
@Html.LabelFor(model => model.Ename)
@Html.EditorFor(model => model.Ename, new {id="name"})
@Html.ValidationMessageFor(model => model.Ename)
action method
[HttpPost]
public ActionResult show(Models.att att ,string Empmasters string Text1)
{
Empat ea = new Empat();
ea.AttID = att.Attid;
ea.Emp_Id = Convert.ToInt32(Empmasters);
ea.Emp_Name = Text1;
ea.Dept = att.dept;
ea.AttendMonth = att.attmonth;
ea.AttendDate = att.attdate;
ea.AttendanceType = att.atttype;
db.EmpAttends.InsertOnSubmit(ea);
db.SubmitChanges();
return view();
}
Ujjval Shukla10y ago
The value of Empmasters is showing name not ID.I think it is becauseof we have used this-

ViewBag.Empmasters = new SelectList(db.Empmasters, "Emp_Name", "Emp_Id");

[HttpPost]
public ActionResult show(Models.att att ,string Empmasters)
{
Empat ea = new Empat();
ea.AttID = att.Attid;
ea.Emp_Id = Convert.ToInt32(Empmasters);
ea.Emp_Name = att.Ename;
ea.Dept = att.dept;
ea.AttendMonth = att.attmonth;
ea.AttendDate = att.attdate;
ea.AttendanceType = att.atttype;
db.EmpAttends.InsertOnSubmit(ea);
db.SubmitChanges();
return view();
}
Ravi Patel10y ago
Hi,
try this

[HttpPost]
public ActionResult show(Models.att att ,string Empmasters)
{
Empat ea = new Empat();
ea.AttID = att.Attid;
ea.Emp_Id = Convert.ToInt32(Empmasters);
ea.Emp_Name = att.Ename;
ea.Dept = att.dept;
ea.AttendMonth = att.attmonth;
ea.AttendDate = att.attdate;
ea.AttendanceType = att.atttype;
db.EmpAttends.InsertOnSubmit(ea);
db.SubmitChanges();
return view();
}
Ujjval Shukla10y ago
But I am using other Actionresult-

[HttpGet]
public ActionResult show()
{
ViewBag.Empmasters = new SelectList(db.Empmasters, "Emp_Name", "Emp_Id");
return View();
}
[HttpPost]
public ActionResult show(Models.att att)
{
Empat ea = new Empat();
ea.AttID = att.Attid;
ea.Emp_Id = att.Empid;
ea.Emp_Name = att.Ename;
ea.Dept = att.dept;
ea.AttendMonth = att.attmonth;
ea.AttendDate = att.attdate;
ea.AttendanceType = att.atttype;
db.EmpAttends.InsertOnSubmit(ea);
db.SubmitChanges();
return view();
}
Ravi Patel10y ago
Hi ,
try this

[HttpGet]
public ActionResult show()
{
ViewBag.attemp = new SelectList(db.Empmasters, " Emp_Name","Emp_Id ");
}

[HttpPost]
public ActionResult show(string Empmasters) // in Empmasters selected drop down value will come
{
// now you can use this value
}
Ujjval Shukla10y ago
Thanks Ravi, it is working.but when i insert dropdownlist ID data in database i shows 0 instead of actual ID and throws an error of NULL reference.
Ujjval Shukla10y ago
sorry my mistake first function's open bracket was missing in script.

script is running but it display the selected data.but i want to display Name not selected id.
dropdownlist has IDs when i select an ID the related name should be display in textbox not ID.
Ravi Patel10y ago
ok
if alertbox is not popup it means you have not included jquery libray in page

now
Ujjval Shukla10y ago
Yes dropdownlist is populating data with id.
Ravi Patel10y ago
dropdownlist populated with data or not?
Ravi Patel10y ago
Hi,
i tried its working for me. may be you are missing something.
Ujjval Shukla10y ago
Hello Ravi,

It is not working for me.
Ravi Patel10y ago
[HttpGet]
public ActionResult show()
{
ViewBag.Empmasters = new SelectList(db.Empmasters, "Emp_Name","Emp_Id");
}

This is the script-

And this is the .cshtml view code-
@Html.LabelFor(model => model.Empid)
@*@Html.EditorFor(model => model.Empid)*@
//@Html.DropDownList("attemp", ViewBag.attemp as SelectList, "-Select Emp ID-", new { id="EmpID"
@Html.DropDownList("Empmasters", null, "--select----", new { @class = "dropdown" })
})

@Html.ValidationMessageFor(model => model.Empid)
@Html.LabelFor(model => model.Ename)

@Html.EditorFor(model => model.Ename, new {id="name"})
@Html.ValidationMessageFor(model => model.Ename)
Ujjval Shukla10y ago
Hi friends,

Thanx for your reply but it is not working for me.

Here I have code-

[HttpGet]
public ActionResult show()
{
ViewBag.attemp = new SelectList(db.Empmasters, "Emp_Name","Emp_Id");
}

This is the script-

And this is the .cshtml view code-
@Html.LabelFor(model => model.Empid)

@*@Html.EditorFor(model => model.Empid)*@
@Html.DropDownList("EmpID", ViewBag.attemp as SelectList, "-Select Emp ID-", new { id="EmpID" })

@Html.ValidationMessageFor(model => model.Empid)

@Html.LabelFor(model => model.Ename)

@Html.EditorFor(model => model.Ename, new {id="name"})

@Html.ValidationMessageFor(model => model.Ename)
Manas Mohapatra10y ago
Try below code:
Make sure that jQuery reference is added to your page. Write below code inside document.ready()

$(document).ready(function(){

   $("#dropdownlist ").change(function () {
      $("#textbox").val( $("#dropdownlist option:selected").val());
   });
});

Here dropdownlist, textbox is ID attribute value of Dropdownlist and textbox respectively.
Ravi Patel10y ago
Hi
try this

model class
public class SecurityUser
{
[Key]
public int securityUserId { get; set; }
public string firstName { get; set; }
}
controller action method
public ActionResult my()
{
DataContext db = new DataContext ();
ViewBag.SecurityUser = new SelectList(db.securityuser, "securityUserId", "firstName");
return View();
}
view page
@{
ViewBag.Title = "my";
}
my
@Html.DropDownList("SecurityUser", null, "--select----", new { @class = "dropdown" })
Ranjit Powar10y ago
You can do this in jquery.

$("#dropdownlist ").change(function () {
$("#textbox").val( $("#dropdownlist option:selected").text());
});

If it solve your problem accept it as Correct Answer.
Shuvojit Halder10y ago
Use this jquery code.I think it will work.

$(document).on("change","#yourdropdownid",function()
{
var name=$('#yourdropdownid').text();
if(name!=''")
{
$('#Yourtextboxid').val(name);
}

});

Display Dropdownlist selected data in textbox.

my