填写文本框，在MVC DropDownList中选择

问题描述

我要填写从数据库中获取数据文本框。当我使用的DropDownList选择任何价值，我需要从DropDownList的ID和我打电话，填补 @ Html.EditorFor功能（型号=＆GT; model.taskName）。页面musn't改变。这怎么可能？

 ＆LT; D​​IV CLASS =表单组＆GT;
      @ Html.LabelFor（型号=＆GT; model.jobID，作业ID，新{@class =控制标签COL-MD-2}）
       ＆LT; D​​IV CLASS =COL-MD-10＆GT;
      @ Html.DropDownList（作业ID的String.Empty）
      @ Html.ValidationMessageFor（型号=＆GT; model.jobID）
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
     ＆LT; D​​IV＆GT; @ Html.Partial（../位置/ TASKNAME）＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
 

taskname.cshtml

  @ Html.AntiForgeryToken（）
    ＆LT; D​​IV CLASS =形横＆GT;
        @ Html.ValidationSummary（真）
        ＆LT; D​​IV CLASS =表单组＆GT;
            @ Html.LabelFor（型号=＆GT; model.taskName，新{@class =控制标签COL-MD-2}）
            ＆LT; D​​IV CLASS =COL-MD-10＆GT;
                @ Html.EditorFor（型号=＆GT; model.taskName）
                @ Html.ValidationMessageFor（型号=＆GT; model.taskName）
            ＆LT; / DIV＆GT;
        ＆LT; / DIV＆GT;
    ＆LT; / DIV＆GT;
 

解决方案

请您下拉菜单是这样的：

  @ Html.DropDownList（作业ID，空，新的{@ ID =工作}）
 

和TASKNAME文本框：

  @ Html.EditorFor（型号=＆GT; model.taskName，新{@ ID =TASKNAME}）
 

做到这样，写下拉指数改变事件jQuery的事件，并发送Ajax调用来获得任务名称免受下拉列表中选择的作业ID：

  $（'＃选择工作）。改变（函数（）{VAR的JobId = $（本）.VAL（）;
//发送Ajax调用并获得任务名称VAR URL ='http://example.com/Controller/Action/?jobid='+JobId;$阿贾克斯（{
         网址：网址，
         成功：函数（结果）{
                     $（'＃输入TASKNAME'）VAL（结果）。
                  }，
         错误：功能（错误）{
                     警报（errorss）;
                  }    }）;
}）;
 

I want to fill textboxes which take data from database. When I select any value using dropdownlist, I need to get ID from dropdownlist and I call a function which fill @Html.EditorFor(model => model.taskName). The page musn't change. How is it possible?

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

taskname.cshtml

@Html.AntiForgeryToken()
    <div class="form-horizontal">
        @Html.ValidationSummary(true)
        <div class="form-group">
            @Html.LabelFor(model => model.taskName, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.taskName)
                @Html.ValidationMessageFor(model => model.taskName)
            </div>
        </div>
    </div>

解决方案

Make your dropdown like this:

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

and taskname text box :

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

do like this, write jquery event for dropdown index change event, and send ajax call to get Task Name against the job Id selected from the dropdown list:

$('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);
                  }

    });


});

这篇关于填写文本框，在MVC DropDownList中选择的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！