Установка значения текстового поля из Jquery

Question

Я пытаюсь установить значения моих текстовых полей из 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();
});

Answer 1

Запрет действия по умолчанию.

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

Answer 2

, если .select является кнопкой в ​​форме, может произойти действие по умолчанию (отправить).Попробуйте вернуть false или warnDefault, например ...

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

...

Answer 3

Если у вас нет особых причин использовать document.getElementById(id), используйте jQuery equivelant $('#id'), это намного более эффективно, и вы все равно загружаете jQuery.

Вот немного псевдо-кода, который должен дать вам представление о том, как установить значение текстового поля:

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

Чтобы получить текущее значение, вы просто нам .val() без аргумента. Я надеюсь, что это поможет вам.

Вот документация по функции .val()

Answer 4

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