Setting Text Box Value From Jquery

Question

Im trying to set the values of my text boxes from a WebGrid im MVC 3. Im able to get the data using Jquery. the boxes populates for half a second the resets. Any ideas why?

$(".select").click(function () {
    var contribution = $(".select");
    var parent = contribution.parent();
    var children = parent.children();
    var Group = children.filter(':nth-child(2)');
    var Level = children.filter(':nth-child(3)');
    var effective = children.filter(':nth-child(6)');
    var amount = children.filter(':nth-child(7)');
    //alert(amount.html());
    document.getElementById("GroupDescription").value = Group.html();
    document.getElementById("LevelDescription").value = Level.html();
    document.getElementById("Date").value = effective.html();
    document.getElementById("Amount").value = amount.html();
});

aziz punjani · Accepted Answer · 2012-11-08 22:27:28Z

3

Prevent the default action.

$(".select").click(function (e) {
    var contribution = $(".select");
    var parent = contribution.parent();
    var children = parent.children();
    var Group = children.filter(':nth-child(2)');
    var Level = children.filter(':nth-child(3)');
    var effective = children.filter(':nth-child(6)');
    var amount = children.filter(':nth-child(7)');
    //alert(amount.html());
    document.getElementById("GroupDescription").value = Group.html();
    document.getElementById("LevelDescription").value = Level.html();
    document.getElementById("Date").value = effective.html();
    document.getElementById("Amount").value = amount.html();
    e.preventDefault(); 
});

edited Nov 8, 2012 at 22:27

answered Sep 20, 2011 at 18:00

aziz punjani

25.8k9 gold badges49 silver badges56 bronze badges

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

1 Comment

sg3s Over a year ago

You might have gotten it with e.preventDefault(); nice catch. Upvoted ;)

sg3s · Accepted Answer · 2011-09-20 17:58:03Z

2

If you don't have any particular reason to use document.getElementById(id) use the jQuery equivelant $('#id') it is much more powerfull and you're loading jQuery anyway.

Heres a bit of psuedo code that should give you an idea how to set the textbox value:

$('#textbox').val(value);

To get the current value you just us .val() so without the argument. I hope this helps you.

Here is the documentation on the .val() function

answered Sep 20, 2011 at 17:58

sg3s

9,5773 gold badges38 silver badges53 bronze badges

Comments

Rodolfo · Accepted Answer · 2011-09-20 19:35:15Z

1

if whatever is a .select is a button in a form, then its default action (submit) may be happening. Try a return false or preventDefault, like ...

$(".select").click(function(e) {
    e.preventDefault();

...

edited Sep 20, 2011 at 19:35

answered Sep 20, 2011 at 17:59

Rodolfo

4,19325 silver badges38 bronze badges

Comments

animuson · Accepted Answer · 2011-12-15 02:27:14Z

0

$('#GroupDescription').attr('value', Group.html());

edited Dec 15, 2011 at 2:27

animuson♦

54.9k28 gold badges142 silver badges150 bronze badges

answered Sep 20, 2011 at 17:58

Chris G.

3,9812 gold badges23 silver badges41 bronze badges

Collectives™ on Stack Overflow

Setting Text Box Value From Jquery

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related