$(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>