填写文本框,在mvc中选择下拉列表

我想填充从数据库中获取数据的文本框。 当我使用下拉列表选择任何值时,我需要从下拉列表中获取ID,并且我调用一个填充@Html.EditorFor(model => model.taskName)的函数。 页面不会改变。 这怎么可能?

 
@Html.LabelFor(model => model.jobID, "jobID", new { @class = "control-label col-md-2" })
@Html.DropDownList("jobID", String.Empty) @Html.ValidationMessageFor(model => model.jobID)
@Html.Partial("../Location/taskname")

taskname.cshtml

 @Html.AntiForgeryToken() 
@Html.ValidationSummary(true)
@Html.LabelFor(model => model.taskName, new { @class = "control-label col-md-2" })
@Html.EditorFor(model => model.taskName) @Html.ValidationMessageFor(model => model.taskName)

像这样下拉:

 @Html.DropDownList("jobID", null, new {@id="job"}) 

和任务名称文本框:

 @Html.EditorFor(model => model.taskName, new {@id="taskname"}) 

这样做,为下拉列表索引更改事件写jquery事件,并发送ajax调用以获取从下拉列表中选择的作业ID的任务名称:

 $('select#job').change(function(){ var JobId =$(this).val(); // Send Ajax call and get Task name var Url = 'http://example.com/Controller/Action/?jobid='+JobId ; $.ajax({ url: Url , success: function(result) { $('input#taskname').val(result); }, error: function(error) { alert(errorss); } }); });