Lebenslauf vorlegen, nach der Veranstaltung.preventDefault

Ich versuche zu erreichen, eine einfache Datenfluss-aber es muss etwas sein, ich bin nicht immer.

  • Ich habe eine Tabelle mit n Zeilen.
  • Jede Zeile hat seine eigene form, dass dort, wo ein submit-button und einem hidden-input.
  • Ich möchte der Benutzer auf die Schaltfläche klicken und eine Eingabeaufforderung angezeigt wird.
  • In dieser Eingabeaufforderung kann er legen Sie ein Datum.
  • Nachdem er eingefügt, das Datum, das versteckte input-Wert wird das ausgewählte Datum und die form übermittelt wird.

Dies ist der code, den ich verwende, ohne Erfolg:

<td>
    <form id="form_{{ document.id }}" class="form-fattura-saldata" action="my-file.php" method="post">
        <input type="hidden" class="data-pagamento" name="data-pagamento" value="">
        <button class="btn btn-default fattura_saldata" type="submit">Saldata</button>
    </form>
</td>

und der jquery-code:

var saldataFatturaChange = function(event) {
    event.preventDefault();
    var prompt = bootbox.prompt("Confermare la data di pagamento", function(result) {
        if (result === null) {
        } else {
            $('.data-pagamento').val(result);
        }
    });
    $('.bootbox-input').daterangepicker({
        startDate: new Date(),
        format: 'DD/MM/YYYY',
        singleDatePicker: true
    });
};

$('.form-fattura-saldata').each(function() {
    $(this).on('submit', saldataFatturaChange);
});

Das Hauptproblem ist, dass ich verhindern kann, submit-Aktion, aber dann weiß ich nicht, wie re-füllen Sie das Formular. Und ich weiß nicht, wie weisen Sie den Wert des versteckten input in dieser form, nachdem der Benutzer das Datum auswählen.

Jegliche Hilfe würde sehr geschätzt werden.

p.s. Ich bin mit bootstrap, dies aber nicht relevant, überhaupt.

InformationsquelleAutor kekko12 | 2014-03-10
  1. 6

    das ist, wie ich beschloss die Frage:

    var saldataFatturaChange = function(event) {
    event.preventDefault();
    var currentTarget = event.target;
    var prompt = bootbox.prompt("Confermare la data di pagamento", function(result) {
        if (result === null) {
        } else {
            $(currentTarget).find('.data-pagamento').val(result);
            currentTarget.submit();
        }
    });
    $('.bootbox-input').daterangepicker({
        startDate: new Date(),
        format: 'DD/MM/YYYY',
        singleDatePicker: true
    });
};

$('.form-fattura-saldata').each(function() {
    $(this).on('submit', saldataFatturaChange);
});

    Einfach, das event ist ein Ereignis.Ziel, das ist das Ziel des Ereignisses, das ausgelöst wird. Das war wirklich einfach zu erreichen.

    InformationsquelleAutor kekko12
  2. 1

    Daten zu senden, verwenden ajax:

    $.ajax({
url: "script.php",
type: "POST",
data: $("#myForm").serialize(),
success: function(){
    alert('success');
  }
});
    • Ajax ist nicht die einfachste Lösung in diesem Fall. Das problem ist nicht etwa das senden von Daten, aber wie kann man iterieren, in diesem Fall
    InformationsquelleAutor Michał
Schreibe einen Kommentar