Question

我正在使用Mvc3，我的视图引擎是剃刀，并在我的视图中编写jquery，如何根据从下拉列表中选择一个值为文本框指定值。

示例：

如果我选择了EmpId表格下拉，则文本框将填写员工姓名表格同样的表格。

Answer 1

$("#Emplist").change(function(){
    $.ajax({
    url:"@Url.Action("GetEmployeeName","Employee")",
    data:{
         id: $(this).val()
    },
    success: function(data){
        $("#EmployeeName").val(data);
    }
   })
})


<select id="Emplist"><option value='1'>Mehmet</option></select>



public string GetEmployeeName(int id){
     var emp = //Get Employee by Id
     return emp.Name
}

Answer 2

您可以绑定OnChange事件，进行ajax调用，然后使用响应填充文本框。您可以将json结果作为响应传递，并处理所需的所有参数。

$('#dropDownId').change(function() 
{
    empId = $(this).attr('value');
    $.ajax({
        url: '@Url.Action("Action", "Controller")',
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({ EmpId: empId }),
        success: function (data) {
            if (data.Result) {
                $("#txtId").val(data.EmpName);
            }
        }
    });
});

Answer 3

下面是一个示例示例，其中 dropDownBoxId 是dropDownBox的ID， txtBoxId 是文本框的ID。

        $(function () {
        $('#dropdownBoxId').change(function () {
            // gets the value from the drop down box
            var selected = $("#dropdownBoxId option:selected").text();

            // puts the value into the textbox
            var txtBox = document.getElementById('txtBoxId');
            txtBox .value = selected

        });
    });

当我们从下拉列表中选择一个值时，如何为文本框分配值

3 个答案: