Adding text to EditorFor from DropDownList

Question

I was wondering if there was any way to add text to a EditorFor by selecting something from a DropDownList.

For example, if I have something like this:

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

My question is how would I go about replacing the text in the EditorFor with whatever I select from the DropDownList. If I was using javascript, how would I go about it? Or is there a better way to go about it?

Yes, textbox. I've been following tutorials on the asp.net website. — Ankor Alaston
– Ankor Alaston, Commented Oct 28, 2015 at 6:41

Siva Gopal · Accepted Answer · 2015-10-28 08:51:18Z

1

You can try this with 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>

answered Oct 28, 2015 at 8:51

Siva Gopal

3,5021 gold badge27 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ankor Alaston Over a year ago

Sorry for the late reply. I can only practice on my free time. Thank you for the answer. It didn't work as well as I thought it would, but I managed to look into other alternative methods.

Siva Gopal Over a year ago

Sure, I appreciate your time.

Collectives™ on Stack Overflow

Adding text to EditorFor from DropDownList

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related