从Jquery设置文本框值

时间:2011-09-20 17:52:07

标签: jquery asp.net-mvc-3

我试图从WebGrid im MVC 3设置我的文本框的值。我能够使用Jquery获取数据。盒子填充重复半秒钟。有什么想法吗?

$(".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();
});

4 个答案:

答案 0 :(得分:4)

阻止默认操作。

$(".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(); 
});

答案 1 :(得分:1)

如果你没有任何特别的理由使用document.getElementById(id),那么使用jQuery equivelant $('#id')它会更加强大,无论如何你都在加载jQuery。

下面是一些伪代码,可以让你知道如何设置文本框值:

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

要获得当前值,只需我们.val()即可。我希望这会对你有所帮助。

Here is the documentation on the .val() function

答案 2 :(得分:1)

如果.select的任何内容是表单中的按钮,则可能会发生其默认操作(提交)。尝试返回false或preventDefault,如...

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

...

答案 3 :(得分:0)

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