jquery 的ajax操作select标签出问题

Question

今天重装了一下系统，从32位换成了64位，结果比较苦逼的是正在做的一个项目的最新的源码在桌面上忘记了备份。结果重做了一下，就出现了一下的问题。
    我要实现的功能是jquery解析xml，然后将解析出来的值设置到select的option中。
代码如下：
首先ajax接受的xml是：
<?xml version='1.0' encoding='utf-8' ?><Cities><city><cid>87</cid><pid>12</pid><cname>合肥市</cname></city><city><cid>88</cid><pid>12</pid><cname>芜湖市</cname></city><city><cid>89</cid><pid>12</pid><cname>蚌埠市</cname></city><city><cid>90</cid><pid>12</pid><cname>淮南市</cname></city><city><cid>91</cid><pid>12</pid><cname>马鞍山市</cname></city><city><cid>92</cid><pid>12</pid><cname>淮北市</cname></city><city><cid>93</cid><pid>12</pid><cname>铜陵市</cname></city><city><cid>94</cid><pid>12</pid><cname>安庆市</cname></city><city><cid>95</cid><pid>12</pid><cname>黄山市</cname></city><city><cid>96</cid><pid>12</pid><cname>滁州市</cname></city><city><cid>97</cid><pid>12</pid><cname>阜阳市</cname></city><city><cid>98</cid><pid>12</pid><cname>宿州市</cname></city><city><cid>99</cid><pid>12</pid><cname>巢湖市</cname></city><city><cid>100</cid><pid>12</pid><cname>六安市</cname></city><city><cid>101</cid><pid>12</pid><cname>亳州市</cname></city><city><cid>102</cid><pid>12</pid><cname>池州市</cname></city><city><cid>103</cid><pid>12</pid><cname>宣城市</cname></city></Cities>
    首先看一下这个代码：
function sendSelectCity(){
clearCity();
var pid = getProvince();
$.ajax({
    url: "admin/City_getcity",
    type: "post",
    dataType: "xml",
    data:"pid=" + pid,
    error: function(){
        alert("加载城市失败");
    },
    success: function(xml){
     $(xml).find("city").each(function(i){   
            var cid=$(this).find("cid").text();   
            var cname=$(this).find("cname").text();
            $("#city").append("<option value='" + cid +"'>" + cname+ "<option>");         });   
    }
});
}
用这段代码解析出来的值在界面中显示都多了一行空白的选项：
合肥市蚌埠市。
但是将上面的红色代码换成
 var option = $("<option>").val(cid).text(cname);
            $("#city").append(option);显示的时候就正常了 
合肥市
蚌埠市
。。这个问题之前在我用32位系统之前第一种情况下都是正常的，结果重装了64位的系统之后，第一种情况就出现了。
请问高手们这是上面原因？？难道和系统有关？？？
（分不多了  忘见谅）jquery  selectAjax

Answer 1

可能是因为select标签里面已经有很多的option了，又或者jquery 认为 你select中存在的option比实际的多了一个，索引向后移了一位。。最好调试一下看看源代码。我推荐使用 after 在option 后面追加好一点。
  $("#city option:last-child").after("<option value='" + cid +"'>" + cname+ "<option>");