javascript - Pass c# variable parameter in a onClick function - Stack Overflow

admin管理员组

文章数量:1289363

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!

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!

• c#
• javascript
• html
• asp-mvc

Share Improve this question Follow edited Aug 30, 2013 at 12:05 Mansfield 15.2k2020 gold badges7878 silver badges113113 bronze badges asked Aug 30, 2013 at 12:03 minoyominoyo 9511 gold badge33 silver badges1515 bronze badges 7

• Please post the output of this view (the html source) and your javascript code. – 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 Commented Aug 30, 2013 at 12:06
• I mean add the output source to your question, so we can see what's happening. – Mansfield Commented Aug 30, 2013 at 12:11
• @minoyo, Where do you want to post? – Satpal Commented Aug 30, 2013 at 12:16
• @minoyo what do you mean by post? You want to pass ID to controller? – Jaimin Commented Aug 30, 2013 at 12:27

 |  Show 2 more ments

4 Answers 4

Sorted by: Reset to default 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/XAffc/

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)')" />

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.
      }

try this

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

本文标签： javascriptPass c variable parameter in a onClick functionStack Overflow