|
|||
jQuery value aus option-Tag auslesen
Hi, ich habe noch eine Frage, value aus option-Tag auslesen und nur das Jahr einmal in ein Array schreiben. Array = 2013,2012,2011,2010,2009,2008
HTML-Code:
<select name='m'> <option selected='selected' value='0'>Jedes Datum</option> <option value='201310'>Oktober 2013</option> <option value='201309'>September 2013</option> <option value='201208'>August 2012</option> <option value='201207'>Juli 2012</option> <option value='201206'>Juni 2012</option> <option value='201105'>Mai 2011</option> <option value='201004'>April 2010</option> <option value='201002'>Februar 2010</option> <option value='200901'>Januar 2009</option> <option value='200812'>Dezember 2008</option> </select> HTML-Code:
$( "select[name='m']" ).find('option') var value='201309'; jahre= new Array(); jahre.push(value.slice(0,4)); MfG |
Sponsored Links |
|
||||
Code:
var optionElems = $('select[name="m"]').find('option[value!="0"]'); var yearArray = []; $.each(optionElems, function( index, value ) { yearArray[index] = $(this).attr('value').slice(0,4); }); console.log(yearArray);
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
Danke Tilo, Das Array enthält dann dieses ["2013", "2013", "2012", "2012", "2012", "2011", "2010", "2010", "2009", "2008", "val"]Edit fiddle - JSFiddle
sollte aber nur noch dass enthalten ["2013", "2012", "2011", "2010", "2009", "2008"] Kriegt man das auch so hin? Nachtrag: Das ist das fertige Script und kann in Wp eingefügt werden. Es ermöglicht Beiträge nach Jahr auszugeben. HTML-Code:
<script type="text/javascript"> /* <![CDATA[ */ function byId(id) { return document.getElementById(id); } if(byId("posts-filter")) { // <summary> // Sucht nach Select-Tag mit dem Name "m" // und schreibt die Value´s der Otionen in ein Array // </summary> var optionElems = $('select[name="m"]').find('option[value!=0]'); var yearArray = []; $.each(optionElems, function( index, value ) { yearArray[index] = $(this).attr('value').slice(0,4);}); // Doppelte Einträge entfernen yearArray=unique(yearArray);//Funktionsaufruf // <summary> // Mit dieser Funktion werden sämtliche Einträge die mehrfach // in einem Array vorhanden sind entfernt. // </summary> // <param name="origArr">[Array] original Array</param> // <returns>[Array]Diese Methode gibt am Ende ein neues Array zurück, // aus dem alle doppelten Einträge entfernt wurden. </returns> var unique = function(origArr) { var newArr = [], origLen = origArr.length,found,x, y; for ( x = 0; x < origLen; x++ ) { found = undefined; for ( y = 0; y < newArr.length; y++ ) { if ( origArr[x] === newArr[y] ) { found = true; break; } } if ( !found) newArr.push( origArr[x] ); } return newArr; } // <summary> // Optionen Hinzufügen // </summary> i = 0; while(i < yearArray.length) { $( "select[name='m']" ).append($(document.createElement("option")). attr("value",yearArray[i]).text("Das Jahr "+yearArray[i])); ++i; } // Option nach aufruf selektieren selected(location.search); //Funktionsaufruf // <summary> // Sucht eine Postvariable "m", bei true wird die Option im Select-Tag ausgewählt. // </summary> // <param name="string">[string] location.search </param> function selected (string){ if (string == '') return; var wert = string.slice(1); var paare = wert.split("&"); var paar, name; for (var i = 0; i < paare.length; i++) { paar = paare[i].split("="); name = paar[0]; if (name =="m") $("option[value="+paar[1]+"]").attr("selected","selected"); } } //console.log(yearArray); } /* ]]> */ </script> Geändert von gabischatz (18.10.2013 um 20:38 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
jQuery Option tag einfügen | gabischatz | Javascript & Ajax | 2 | 18.10.2013 00:23 |
php tag mittel jquery einfügen? | benzrecordings | Javascript & Ajax | 4 | 16.12.2011 01:34 |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Option Value aufgrund Value inhalt per CSS definieren | noxx-forever | CSS | 7 | 01.08.2010 22:09 |
jQuery: Select option und click | Sonny Lane | Javascript & Ajax | 3 | 17.12.2008 11:09 |