jQuery用AJAX改变下拉列表

我需要一个单选按钮来更改下拉列表，并且如果它只是不确定一些东西，那就最多了。 我希望将CreativeID作为ID，将CreativeName作为名称。 这是我的AJAX：

$('input[name=creativeType]').change(function(){ $.ajax({ url: '/app/components/MailingsReport.cfc', //POST method is used type: "POST", //pass the data data: { method: "getCreative", CreativeType: $('input[name=creativeType]:checked').val(), datasource: "shopping_cart" }, dataType: "xml", //contentType: "application/text; charset=utf-8", success: function(xml){ $('#creative option').remove(); $(xml).find('number').each(function() { $("#creative").append('' + $(this).find('CREATIVENAME').text() + ''); }); } }); 

这是我的返回数据：

 
52.065.077.0Product OneProduct TwoProduct Three 

我的问题：我根本不知道如何填充下拉列表，因此ID是选项标记之间的值和商品名称。 任何有关这方面的帮助将不胜感激！

Answer 1

 var numbers = $(xml).find('number'); var strings = $(xml).find('string'); for (var i = 0; i < numbers.length; i++) { $("#creative").append('' + strings[i].innerHTML + '<\/option>'); }