Добавление текста в EditorFor от DropDownList

Question

Мне было интересно, есть ли способ добавить текст в EditorFor, выбрав что-то из DropDownList.

Например, если у меня есть что-то вроде этого:

@Html.DropDownList("stackoverflow", "--Select Stack--") 
@Html.EditorFor(model => model.Stack, new { htmlAttributes = new { @class = "form-control" } }) 

Мой вопрос, как бы я идти о замене текста в EditorFor с тем, что я выбираю из DropDownList. Если бы я использовал javascript, как бы я это сделал? Или есть лучший способ сделать это?

Answer 1

Вы можете попробовать это с JQuery:

@Html.DropDownList("stackoverflow", Model.StackTypes.Select(stackType => new SelectListItem { Text = stackType, Value = stackType }), "--Select Stack--") 
    <!-- Just for demo purpose assume, Model.StackTypes above is a List<string>--> 

    @Html.EditorFor(model => model.Stack, new { htmlAttributes = new { @class = "form-control" } }) 

<script src="~/Scripts/jquery-1.10.2.js"></script> 
<script> 

    $("#stackoverflow").change(function() { 
     var selectedOptionId = $(this).val(); 
     $("#Stack").val(selectedOptionId); //Set the selected value to textbox 
    }); 
</script>