asp.net core Razor pages @Html.DropDownListFor selected value as Input

Question

How do I use the selected value from @Html.DropDownListFor for OnPost input value? @Html.DropDownListFor(x => Model.HazardsListEdit.SelectedHazClassId, new SelectList(Model.HazardsListEdit.HazardsClasses, "Value" , "Text" ), htmlAttributes: new { @ class = "form-control" , id = "HazClass" , @required = true }) for = "HazId.HazClass" value= " " />

Sachin Singh · Answer

okk sir function change() { var data=$( "#HazClass:selected" ).text(); $( "#inputfieldId" ).val(data); )

Marius Vasile · Answer

@ Jignesh. Thank you for your reply, I don't know MVC I only worked with Razor pages. Your answer might work on Controller in MVC but I don't know how to "translate" it to Razor

Marius Vasile · Answer

Ok Sachin, I tried jquery like below for = "HazId.HazClass" id= "hazClass" /> and $( "#HazClass" ).OnChange(function () { $( "#hazClass" ).val($( this ).val()); } ) OnPost is writing null values in table. What else I am missing?

Marius Vasile · Answer

I do get the dropdown working very well but I need the selected value as input for OnPost. Remember, I am using Razor pages, no MVC

Sachin Singh · Answer

sir please elaborate your problem are you getting selected value in your code behind , if yes then what do you want more? Your question itsel is very unclear.

Marius Vasile · Answer

Sachin, I asked a specific question and I am looking for a specific answer. If you can make it please do so, so far your reply does not answer my question

Sachin Singh · Answer

I am giving a simple example , please try map with your problem if you are using a form post then selected value will automatically bind with bindable property in page model provided the property name (in my case :-Number) must be same to your dropdown name("Number") in your case you need a bindable property SelectedHazClassId in page model. "number" > "" >Select a number "1" >One "2" >Two "3" >Three public IndexModel : PageModel { [BindProperty] public int Number { get ; set ; } public void OnPost() { // posted value is assigned to the Number property automatically } }

Jignesh Kumar · Answer

Hi Marius, You can use this way, [HttpPost] public ActionResult PostMEthod( HazardsListEdit HLE) { string SelectedValue = MV.SelectedHazClassId; return View( HLE ); }

asp.net core Razor pages @Html.DropDownListFor selected value as Input

Answers (8)