So entfernen Sie eine versteckte Feld array mit jquery

Ich habe dies als versteckte Werte für ein Formular:

<input type="hidden" name="times[]" value='{"date" : "April 12, 2012"}' />
<input type="hidden" name="times[]" value='{"date" : "April 13, 2012"}' />
<input type="hidden" name="times[]" value='{"date" : "April 14, 2012"}' />

Mithilfe von jquery ist, wie könnte ich einen link erstellen, der, wenn geklickt, es könnte entfernen Sie ein hidden-Formularfeld oben? So sage ich auf einen link klicken und ich möchten, klicken Sie zum entfernen der zweiten versteckten Formularfeld oben, wie konnte ich das tun?

  • Wird der Wert eine Allgemeine json-string, oder wird es immer nur die "Datum" - Feld?
  • Es wird eine json-Zeichenfolge, die mehr als nur das Datum. Eigentlich ist es halten Sie 8 unterschiedliche Werte für jede versteckte Feld.
  • Ich dachte. Ich habe eine mehr Allgemeine-Zweck-Funktion dann.
InformationsquelleAutor John | 2012-04-16
  1. 2

    Erstellen -

       var $ip = $('<input>').attr({
    type: 'hidden',
    id: 'yourid',
    name: 'yourname',
   value: 'yourvalue' 
})
$(ip).appendTo('body');

    Dann zu entfernen -Sie können fügen Sie diese in jedem click-Ereignis ..

    $ip.remove();

    Entfernen, um alle versteckten Felder versuchen.Sie können diese in jedem click-Ereignis ..

    $("input[type='hidden']").remove();
    InformationsquelleAutor Pushparaj
  2. 1

    Hier ist eine Allgemeine Funktion, die Sie verwenden können, zu entfernen Elemente, die übereinstimmen, ein json-codierter Wert.

    Rufen Sie es mit removeByJsonValue(':hidden',{date:"April 13, 2012"});

    removeByJsonValue(selector, data) { //data = {key:value, ...}
    $(selector).each(function(element) {
        var element_data = $.parseJSON($(element).val());
        var remove = true;
        $(data).each(function(key,value) {
            if (element_data[key] != value) {
                remove = false;
            }
        });
        if (remove) {
            $(element).remove();
        }
    }
}
    InformationsquelleAutor Frambot
  3. 0

    Unter der Annahme, dass Sie nur noch genau drei hidden-fields und in exakt der Reihenfolge, die Sie tun können,

    $('input[type=hidden]:eq(1)').remove();

    http://jsfiddle.net/vGLSd/

    eq Dokumentation http://api.jquery.com/eq-selector/

    remove() Dokumentation http://api.jquery.com/remove/

    InformationsquelleAutor Andreas Wong
  4. 0

    wenn Sie einen link wie folgt:

    <a href="#" id="remove">remove hidden</a>

    Ihre jquery-code wäre

    $("#remove").on("click", function(e){
    e.preventDefault();
    console.log($("input[name='times[]']").eq(1).val());
    $("input[name='times[]']").eq(1).remove();
});

    link zu jsfiddle http://jsfiddle.net/LUtSp/

    InformationsquelleAutor DG3
Schreibe einen Kommentar