Schleifenbildung durch Elemente mit jQuery basierend auf dem Attribut name statt id

Question

Schleifenbildung durch Elemente mit jQuery basierend auf dem Attribut name statt id

Gefragt el 25 de August, 2009: Wann wurde die Frage gestellt
18440 Ansichten: Anzahl der Besuche der Frage
3 Antworten: Anzahl der Fragenantworten
Gelöst: Aktueller Status der Frage

Danke, dass Sie sich die Zeit genommen haben, dies zu lesen.

Ich habe eine unbekannte Anzahl von (dynamisch eingefügten) Eingabeelementen in einem Formular, an die ich jeweils das in jQuery UI enthaltene Datepicker-Widget anhängen möchte.

Alle Eingabeelemente, denen ich den Datepicker zuordnen möchte, haben die Klasse "date-pick". Offensichtlich, weil wir mehr als ein passendes Element haben, brauchen wir mehr als nur einen Klassennamen, damit der Datumswert in das Ursprungsfeld zurückgegeben wird und nicht nur der erste Treffer.

Normalerweise würde ich wahrscheinlich so etwas machen wie:

$("input.date-pick").each(function(){
    $(this).datepicker({dateFormat: "yy-mm-dd"});
});

In dem Code, mit dem ich arbeite, haben die Eingabeelemente jedoch keine eindeutigen IDs, bis die Formulardaten gespeichert werden (was ich nicht ändern kann), aber sie haben eindeutige Namensattributwerte des Formats name="field_id_x[y][z]" die dann beim Speichern des Formulars in eine ID des Formats id="field_id_xyz" .

Also meine Frage ist, kann jemand mir zeigen, wie man Schleife durch alle Eingabeelemente mit einer Klasse von "Datum-Pick" auf der Grundlage ihrer Name-Attribut-Werte?

(PS: Es ist vielleicht noch erwähnenswert, dass die Anzahl der übereinstimmenden Eingabeelemente im Formular vom Benutzer im laufenden Betrieb erhöht/verringert werden kann).

Gefragt el 25 de August, 2009 von Tom Davies

1 Stimmen

Ich kann Ihre Frage nicht nachvollziehen. Die jQuery, die Sie dort geschrieben haben, ist vollkommen gültig: Sie durchläuft alle Eingabeelemente mit einer Klasse von .date-pick und fügen Sie ein Datepicker-Steuerelement hinzu. Warum müssen die Namen mit einbezogen werden?

Kommentiert el 25 de August, 2009 von VoteyDisciple

0 Stimmen

Votey, siehe meinen Kommentar zur Antwort von T.J. Crowder unten

Kommentiert el 25 de August, 2009 von Tom Davies

0 Stimmen

@meta: ...und siehe meine Antwort. :-)

Kommentiert el 25 de August, 2009 von T.J. Crowder

Answer 1

3 Antworten

Answer 2

4voto

kaiz.net Punkte 1974

Ihr Code sollte so funktionieren, wie er ist. Sie könnten jedoch eine Schleife nach Namen wie folgt durchlaufen:

$("input[name*='field_id_'].date-pick").each(function(){
   $(this).datepicker({dateFormat: "yy-mm-dd"});
});

Beantwortet el 25 de August, 2009 von kaiz.net (1974 Punkte )

Answer 3

3voto

T.J. Crowder Punkte 948310

Für die Datumsauswahl müssen die Elemente keine ID haben. Sie suchen bereits nach den Elementen für sie. Das sollte funktionieren:

$('input.date-pick').datepicker({dateFormat: "yy-mm-dd"});

Beachten Sie, dass Sie nicht einmal die each anrufen.

Vollständiges Beispiel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>DatePicker Test Page</title>
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.datepicker.js"></script>
<script type='text/javascript'>
$(function() {
    $('.dp').datepicker();
});
</script>
</head>
<body>
<hr />
<input class='dp' type='text'>
<input class='dp' type='text'>
<input class='dp' type='text'>
</body>
</html>

Beantwortet el 25 de August, 2009 von T.J. Crowder (948310 Punkte )

Answer 4

0voto

user511941 Punkte 121

Haben Sie schon etwas ausprobiert wie

var namefield = "field_id_"
$("date-pick").each(function(index, element) {
  if ($(element).attr("name").substr(0,namefield.length) == namefield) {
    // code to process
  }
});

Beantwortet el 31 de Januar, 2012 von user511941 (121 Punkte )

Schleifenbildung durch Elemente mit jQuery basierend auf dem Attribut name statt id

Antworten

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by:

Schleifenbildung durch Elemente mit jQuery basierend auf dem Attribut name statt id

Antworten

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by: