как назначить значение для текстового поля, когда мы выбираем значение из выпадающего

Question

Я использую Mvc3, и мой движок просмотра - бритва, а также пишу jquery на мой взгляд, Как я могу назначить значение для текстового поля на основе выбора значения из выпадающего списка.

пример:

если я выбрал раскрывающуюся форму EmpId, тогда текстовое поле будет заполнено той же таблицей с именем сотрудника.

Answer 1

Вы можете связать ваше событие 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 2

Вот пример примера, где dropDownBoxId - это идентификатор dropDownBox, а txtBoxId - это идентификатор Textbox.

        $(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

        });
    });

Answer 3

$("#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
}