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>
