Sascha's Wiki

Dropdown anhand XML-Datei füllen

$(document).ready(function()
 { 
   //XML Datei über Ajax einlesen
   //Achtung funktioniert nur auf einem Webserver (Crossside scripting!)
   $.ajax({
     type: "GET",
     url: "test.xml",     
     dataType: "xml",
     success: parseXml
   });
 });



function parseXml(xml)
{
    var i = 0;
  //Alle Elemente mit dem Wert "bedingung" finden und 
  //durch diese iterieren
  $(xml).find("bedingung").each(function()
  {
    //Neue Option anlegen (Zähler i Wert aus XML-Element)
    var o = new Option($(this).text(), i);
    $(o).html($(this).text());
    //Angelegte Option an Section anhängen
    $("#output").append(o);
    i++;
  });
}
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<bedingungen>
    <bedingung>Option 1</bedingung>
    <bedingung>Option 2</bedingung>
    <bedingung>Option 3</bedingung>
</bedingungen>
<!doctype html>
<html>
    <head>
    <meta charset="utf-8">
    <title>jQuery.parseXML Selection</title>
    <script src="jquery-2.1.4.min.js" type="text/javascript"></script>
    </head>
    <body>
        <select id="output"></select>
        <script src="script.js" type="text/javascript"></script>
    </body>
</html>

webdev/jsjq/parsexmlselection.txt · Zuletzt geändert: 2016/04/21 09:15 (Externe Bearbeitung)