How to pass the selected dropdown value to a URL in MVC? - asp.net-mvc

Question

I am developing MVC application and I am using razor syntax.
I am trying to get the selected item from dropdown list value and to pass it to the controller method.
but I am getting error.
The name 'd' does not exist in the current context
The Updated Code is...
$("#btnForword").click(function(){
d = $('#HODList').val()
alert(d);
var url2 = "#Html.Raw(Url.Action("SendPaymentAdviceForApproval", "PaymentAdvice", new { paymentAdviceId = "idValue" , nHOD = "##D##" }))"
url2 = url2.replace("idValue",'#Model.Id');
url2 = url2.replace("##D##",d);
$.ajax({
url: url2, type: "POST", success: function (data) {
$("#btnForword").css("display","none");
}
});
return false;
});
Issue solved Issue solved
The problem in variable 'D' yes in "D".
I checked using inspect element property of Google chrome, when I saw it in console window....
When I click on the button , I can see the string formed in below way
ht...../PaymentAdvice/SendPaymentAdviceForApproval?paymentAdviceId=304&nHO8=D
jquery-1.7.1.min.js:4
see the last character in the above link, it should not be come as a "=D" isnt it ?
I used the below code...and it works perfectly.
$("#btnForword").click(function(){
var url2 = "#Html.Raw(Url.Action("SendPaymentAdviceForApproval", "PaymentAdvice", new { paymentAdviceId = "idValue" , nHOD = "HODId" }))";
url2 = url2.replace("idValue",'#Model.Id');
url2 = url2.replace("HODId",$('#HODList').val());
$.ajax({
url: url2, type: "POST", success: function (data) {
$("#btnForword").css("display","none");
}
});
return false;
});
Is this a bug in Jquery ?

Answer 1

You should use data property of $.ajax to pass parameter to controller-action.
$("#btnForword").click(function(){
var d = document.getElementById("HODList").value;
// define url
var url2 = 'Url.Action("SendPaymentAdviceForApproval", "PaymentAdvice")';
//url2 = url2.replace("idValue",'#Model.Id');
//url2 = url2.replace("d",'#d');
$.ajax({
url: url2,
type: "POST",
// add parameters in here...
data: { paymentAdviceId : #Model.Id, nHOD : d }
success: function (data) {
$("#btnForword").css("display","none");
}
});
return false;
});
And your controller should looks:
public ActionResult SendPaymentAdviceForApproval(int paymentAdviceId, int nHOD){...}

Answer 2

Try this
$(function(){
$("#btnForword").click(function(){
var d = $('#HODList').val();
var url2 = "#Html.Raw(Url.Action("SendPaymentAdviceForApproval", "PaymentAdvice", new { paymentAdviceId = "idValue" , nHOD = "##D##" }))";
url2 = url2.replace("idValue",'#Model.Id');
url2 = url2.replace("##D##",d);
$.ajax({
url: url2, type: "POST", success: function (data) {
$("#btnForword").css("display","none");
}
});
return false;
});
});
don't consider replacing "d" as it will affect your other part of url as well.. Try specific placeholder instead.
If this not works... Then can you please show Signature of your Action method too?
Your controller action should be like this
[HttpPost]
public JsonResult SendPaymentAdviceForApproval(int paymentAdviceId, int nHOD)
{
// Your existing logic here...
}
Cheers