amit patel amit patel - 5 months ago 33
jQuery Question

How to access dropdown text (not value) using Request.Form()?

I am working on MVC 4.0.

I need to access my dropdown box Text (not value) using Request.Form("ddlId") in my controller code.

and display the selected info on confirmation page of registration.

i.e. lets consider I am having Country dropbox as below.

<select data-val="true" data-val-required="Required" id="CountryId" name="CountryId" style="width:210px"><option value="">--Select--</option><option value="1">USA</option><option value="2">UK</option></select>


now, in controller when i use,

objWizard.CountryId = Request.Form["CountryId"];


I got the value of COuntry dropbox, not the text selected by user.

How can i select text of dropbox using Request.Form(...)????

Or any alternative........

My jquery code is as below.

$.post( '@Url.Action("ConfirmDetails", "Wizard")', $("form").serialize(), function (r)
{
// inject response in confirmation step
//$(".wizard-step:visible")
$("#confirmdiv").html(r);
});

Answer

i'll assume that you are posting a form and that look likes

<form>
<select id="CountryId">
  <option value=1>US</option>
  <option value=2>UK</option>
</select>
<input type="submit" value="submit" id="btnSubmit"/>
</form>

on form submit cancel the default behavior

$("#btnSubmit").click(function(e){
e.preventDefault();
//now make a hidden field here and put the text of selected option in that 
var selectedOption = $("#CountryId option:selected").text();
$("<input/>",{type:'hidden',name:'CountryName'}).val(selectedOption).appendTo("form");
// now post the form 
$.post( '@Url.Action("ConfirmDetails", "Wizard")', $("form").serialize(),function (r)
  {
   // inject response in confirmation step
   //$(".wizard-step:visible")
   $("#confirmdiv").html(r);
  });
});

in the controller

[HttpPost]
public ActionResult ConfirmDetails()
  {

   var countryName = Request.Form["CountryName"];
  }