Get value from dropdown list to ajax action link as parameter in MVC

Question

0.00/5 (No votes)

See more:

Hello

I have dropdownlist

@Html.DropDownListFor(model => model.EmpName, new SelectList(ViewBag.names, "Text", "Value"), "Select Name", new { @class = "form-control", @id = "drop" })

and i want to set it's value as parameter in ajax action link

@Ajax.ActionLink("Make month salary", "createsalary", new { @name = wanna put value here }, new AjaxOptions()
{
    UpdateTargetId = "Sal",
    HttpMethod = "Get",
    InsertionMode = InsertionMode.InsertAfter
});

What i should to do

What I have tried:

i tried to use javascript to retrive data in textbox or label but still don't know how i convert it to parameter

Posted 16-Apr-20 4:31am

Member 13058758

Updated 16-Apr-20 8:03am

Add a Solution

Comments

F-ES Sitecore 16-Apr-20 11:04am

You can't because the server code (in an "@" block) runs on the server and passes the html to the client, so when your ActionLink is executing the dropdown doesn't yet exist. You'll need to add the param yourself via javascript, probably when the dropdown changes. Google for "javascript update link on dropdown change" for examples on how to do this.

Member 13058758 16-Apr-20 14:02pm

thank You it solve my problem

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Answer 1 · 2020-04-16T05:09:00

If you've enabled the "unobtrusive AJAX" option, something like this should work:

Razor

@Ajax.ActionLink("Make month salary", "createsalary", new { @name = wanna put value here }, new AjaxOptions()
{
    UpdateTargetId = "Sal",
    HttpMethod = "Get",
    InsertionMode = InsertionMode.InsertAfter,
    OnBegin = "onCreateSalaryBegin"
});

...

<script>
function onCreateSalaryBegin(xhr, settings) {
    var empName = $("#drop").val();
    settings.data = $.extend(settings.data, { EmpName: empName });
}
</script>

To enable unobtrustive AJAX, you'll need an appSetting in your web.config file:

XML

<add key="UnobtrusiveJavaScriptEnabled" value="true" />

You'll also need to include the jquery.unobtrusive-ajax.min.js script in your view.

Member 13058758 · Answer 2 · 2020-04-16T08:04:00

Solution 2

document.getElementById('drop').onchange = function () {
    var path = document.getElementById('anchorclick').href;
    var Selectedvalue = $('[id*=drop] option:selected').text();
    path = path.replace("PaymentCodeVal", Selectedvalue);
    document.getElementById("anchorclick").href = path;

};

i solve it by java script function

Posted 16-Apr-20 8:04am

Member 13058758

Comments

Richard Deeming 16-Apr-20 14:18pm

That's only going to work once. If you change the dropdown list twice, the link will still be referring to the first selected value.

Member 13058758 17-Apr-20 3:54am

client can't make another choice this link go to another page after choice