Статьи

JQuery XML Combo Box

Это простой способ использования jquery и xml для заполнения поля со списком (раскрывающегося списка), который можно использовать для заполнения динамических параметров в поле со списком на основе файла данных конфигурации xml (который содержит параметры). Этот метод может быть полезен для форм, которые имеют постоянно меняющиеся параметры.

Вот как ты это делаешь.

HTML-код

Код JQuery

 $(document).ready(function(){ $.ajax({ type: "GET", url: "dropdown.xml", dataType: "xml", success: function(xml) { var select = $('#mySelect'); $(xml).find('menuitem').each(function(){ var title = $(this).find('title').text(); select.append(""+title+""); $(this).find('value').each(function(){ var value = $(this).text(); select.append(""+value+""); }); }); select.children(":first").text("please make a selection").attr("selected",true); } }); }); 

XML-код

 < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b  < ?xml version="1.0" encoding="iso-8859-1"?> option a option b option 1 option 2 option 1a option 2b 

Скачать исходные файлы