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

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (5)