Getting the selected value html.dropdowlist with jquery

Question

Hi

I am trying to put the selected value of the html.dropdownlist in a hidden input using the following jquery script but it is not working

the dropdownlist in the view is:

@Html.DropDownList("StoreCategoryID", ViewBag.Category as SelectList, "Please select a Category", new { Onchange = @"form-submit" })

Catid = Id of the input tag.

Why it is not showing in the input tag?

I would also like to display the related product on a table without having to post the form and the html.dropdownlist to retain it state.

Or if posting the page is easier I am ok with that too.

Any help please

Schleid

Schleid Alex · Answer

Nobody has an idea why the above jquery script doesn't work?

Schleid Alex · Answer

Nobody has an idea why the script is not working?

Schleid Alex · Answer

Nobody here the script Storecategoryid is the id of the dropdownlist Catid the id of the input box " $(document).ready(function () { $("#StoreCategoryID").change(function () { $("#Catid).text = $(this). children("option:selected"). val(); }); "

Schleid Alex · Answer

Let me explain as I see the script has been filtered I have an html dropdowlist containing the Categories I want to add the user selection"the categoryId" to an hidden input field on the same page. then I want the product related to the user selection to be fetch in the database and displayed in a table while the content of the dropdownlist remains the one choosen by the user. I hope this makes this clearer. Thank You!

Joginder Banger · Answer

share your complete code for better understanding, becuase helf of code never to be easy for understand.

Getting the selected value html.dropdowlist with jquery

Answers (5)