Capture value of Textbox when OnChange is defined in the textbox

Question

I have a dynamically generated grid with x number of textboxes that will be in it. As each textbox is generated, I give it an OnChange event that is a set function.

Html.TextBox(... new { @onchange = "ChangeItemQuantity(" + vm.ID + ", " + fk.id + ")" ...

So when it's rendered, it looks like this:

<input ... type="text" onchange="ChangeItemQuantity(1939, 3)" />

Then, in the script section:

function ChangeItemQuantity(ItemId, ForeignKeyId) {
    ...
}

In the ChangeItemQuantity() function, how would I also capture the new value of the textbox? I don't really want to use an id on the textbox, because it is part of a grid with many textboxes.

Should I pass it in as a parameter? If so, what would the syntax be of the code that renders the textbox?

Or, is there a way to capture is inside the javascript function?

Thanks!

@Html.TextBox(.... new { @class="abc" data-id="...", data-fk="..." }) and $('.abc').change(function() { var value = $(this).val(); var id = $(this).data('id'); var fk = $(this).data('fk'); ..... — user3559349
– user3559349, Commented Nov 21, 2016 at 22:35

Ju66ernaut · Accepted Answer · 2016-11-21 22:40:31Z

1

If you want to store data in the html element why not use data- attributes?

Set them like so

@Html.TextBox(.... new { @class="someClass" data-vmId="vm.ID", data-fkId="fk.id" })

Then set a listener on that class

$('.someClass').change(function() { 
     var value = $(this).val(); 
     var vmid = $(this).data('vmid');
     var fkid = $(this).data('fkid');
}

answered Nov 21, 2016 at 22:40

Ju66ernaut

2,7013 gold badges29 silver badges36 bronze badges

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

2 Comments

Casey Crookston Over a year ago

I can't get this to work. stackoverflow.com/questions/40733589/…

Casey Crookston Over a year ago

I posted a new question with more details: stackoverflow.com/questions/40734094/…

Collectives™ on Stack Overflow

Capture value of Textbox when OnChange is defined in the textbox

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related