Add new html attribute in the created TextBox element using Html Helper

Question

I'm developing a webapp using ASP.NET MVC and C#. I created my TextBox element using Html.Helper(string, object, object ). Now my problem is, is it possible to add a new html attribute in the already created TextBox element, like a javascript event element?

Because I'm having a trouble using onchange event. Please see the code below,

<% foreach(var md in MD){%>
<tr>
<td>
<div><%= Html.TextBox("tt"+md.id, md.id, new { onchange="changenow('dd"+md.id+"')"})%>
</div>
</td>
</tr>
<%}%>

My changenow javascript function will update the database using ajax implementation. Now everytime the I load my page, the changenow will execute, so an added overhead everytime my page load. So I assume that the changenow function will not execute when I create a textbox.

What should I do so that the changenow function will not execute when I load the page?

Please advise.

Many thanks.

ysrb · Accepted Answer · 2011-07-25 01:24:25Z

2

You can always use jquery.

$(document).ready(function(){
  $('input[name=tt]').change(function(){
    changenow(this);
  });
});

function changenow(elem){
 $(elem).val(); //this will get you the value
  $(elem).attr('name'); // will get the name attribute
  $(elem).attr('id'); // will get the id attribute
}

edited Jul 25, 2011 at 1:24

answered Jul 25, 2011 at 1:01

ysrb

6,7202 gold badges32 silver badges30 bronze badges

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

1 Comment

RobG Over a year ago

Get rid of all those $ symbols, just use DOM properties: elem.value, elem.name and elem.id. To see the cost of all those "$" symbols (up to 100 times slower), try: http://jsperf.com/dollar-cost.

yapingchen · Accepted Answer · 2011-07-25 01:37:32Z

1

you can write the js script use the jquery , use jquery ,it is very easy to add the event to your element

answered Jul 25, 2011 at 1:37

yapingchen

8665 silver badges5 bronze badges

2 Comments

domlao Over a year ago

Is it possible to use a wildcard to access all the elements with a "dd*" id? because my textbos is id1..idn

RobG Over a year ago

@krakat - you are already adding a handler at the server, it doesn't even require an ID to do that. Why remove it, then program it in another place? Then you have two places to maintain code (and keep your IDs in sync, etc.).

RobG · Accepted Answer · 2011-07-25 01:48:03Z

1

If you want to add a property to an existing element using a listener, you can just do:

<... onchange="this.property='some value'" ...>

There is no need for huge scripts.

answered Jul 25, 2011 at 1:48

RobG

148k32 gold badges180 silver badges216 bronze badges

Collectives™ on Stack Overflow

Add new html attribute in the created TextBox element using Html Helper

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related