Pass c# variable parameter in a onClick function

Question

I´m working with MVC razor and I have a small issue in the view part...

To resume, I have a loop with different elements, with each element I have two buttons, one download and another request. My problem is with the "request" one... I need that when I click on it, I post the ID of the element...

this is part of my code:

enter code here <div class="contentsection" style="border-bottom:1px solid orange;">
<table style="width:100%;">
    <thead>
       ...
       ...
    </thead>
    <tbody>
        @foreach (DownloadItem di in group.Items)
        {
        <tr>
            <td class="bold">@di.DisplayName</td>
            <td>
                @using (Html.BeginForm("Download", "MyController", new { id = di.ID }, FormMethod.Post, new { style = "display:inline;" }))
                {
                    <input type="submit" id="download" value="Download" />
                }
                    <input type="button" id="request" value="Request" onclick="somejavascriptmethod(@(di.ID))" />
                    <span id="requestDate">@(di.requestDate)</span>                    

            </td>
        </tr>
        }
    </tbody>
</table>

My problem is that when the User click the Button "request", my function "somejavascriptmethod(id)" is called and I need the id as a parameter... ALthough I get a syntac error, I though it could work... but it does not... I dont "post" the id and I get the "500 Internal Server Error"...

thanks in advance for the Help!

Please post the output of this view (the html source) and your javascript code. — Mansfield
– Mansfield, Commented Aug 30, 2013 at 12:05
My problem is here: onclick="somejavascriptmethod(@(di.ID))" I dont know how to "post" the ID.... — minoyo
– minoyo, Commented Aug 30, 2013 at 12:06
I mean add the output source to your question, so we can see what's happening. — Mansfield
– Mansfield, Commented Aug 30, 2013 at 12:11
@minoyo what do you mean by post? You want to pass ID to controller? — Jaimin
– Jaimin, Commented Aug 30, 2013 at 12:27

Darren · Accepted Answer · 2013-08-30 12:06:57Z

3

You are creating multiple input's with the same ID (request). HTML ID's should be unique.

As an alternative approach to what you require, you could use a data-attribute

<input type="button" data-id="@(di.ID)" value="Request" />

And use jQuery to handle which ID you need:

   $("input[type=button]").click(function() {
      var id = $(this).data("id");
      yourJSFunction(id);
   });

http://jsfiddle.net/XAffc/

answered Aug 30, 2013 at 12:06

Darren

71.2k24 gold badges141 silver badges146 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

minoyo Over a year ago

I dont mean the button ID... in my loop I have my type DownloadItem with different attributes.. one of then is the ID, and that ID is the one i need...

Darren Over a year ago

@minoyo - yes - you are using the downloaded item ID in the data-id attribute

K D · Accepted Answer · 2013-08-30 12:26:02Z

3

If your value is not an integer then you have to use it like following

<input type="button" id="request" value="Request" onclick="somejavascriptmethod('@(di.ID)')" />

answered Aug 30, 2013 at 12:26

K D

6,0091 gold badge25 silver badges36 bronze badges

Comments

Jaimin · Accepted Answer · 2013-08-30 12:23:43Z

0

Try this,

 <input type="button" value="Assign" onclick="myfunction(@di.ID);" />

function myfunction(obj) {

        var id = obj;
        alert(id);//this way you can get your id.
      }

edited Aug 30, 2013 at 12:23

answered Aug 30, 2013 at 12:13

Jaimin

8,0002 gold badges27 silver badges32 bronze badges

Comments

Rashad Valliyengal · Accepted Answer · 2015-08-19 13:29:21Z

0

try this

 <input type="button" id="request" value="Request" onclick="somejavascriptmethod('@di.ID')" />

answered Aug 19, 2015 at 13:29

Rashad Valliyengal

3,1621 gold badge27 silver badges41 bronze badges

Collectives™ on Stack Overflow

Pass c# variable parameter in a onClick function

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related