Javascript 将数据加载到html不起作用

我有两个页面（html和js），我有从ajax返回的数据（从数据库），我对它进行了空间查询，我想在html页面的输入（列表框）中加载它的一些数据，但它不工作（列表框中没有加载数据）。 这是html的一部分：

<div>
<select name="FarmersID" id="FarmersID" multiple style="width:172px">   
</select>
</div>

这是ajax部分

$.ajax({
        type:"POST",
        url:"CustomerID_geojson.php",
        data:{'OrdersID': Order_ID} ,
        dataType: 'json',
        success: function (response) { 
           var unit = 'kilometers';
           var buffered = turf.buffer(response, distance, unit);
           bufresult = buffered.geometry.coordinates;
           $.ajax({
                type: "POST",
                url: 'allfarmers_geojson.php',
                dataType: 'json',
                success: function (data) 
                {
                    var searchWithin = {
                      "type": "FeatureCollection",
                      "features": [
                        {
                          "type": "Feature",
                          "properties": {},
                          "geometry": {
                            "type": "Polygon",
                            "coordinates": bufresult
                          }
                        }
                      ]
                    };

                    var ptsWithin = turf.within(data,searchWithin);
                    //to check if there are any farmers within the distance or not
                    if (ptsWithin.features.length > 0)
                    {
                        geojsonLayer = L.geoJson(ptsWithin,
                            {
                                onEachFeature: function (feature, layer) 
                                {
                                    FarmerID=feature.properties.Farm_id;
                                    document.getElementById('FarmersID').value=FarmerID; ///This one is not working
                                    layer.bindPopup('<label>Farmer Name:</label>' + feature.properties.nick_name_ + '<br><label>Farmer ID:</label>' + feature.properties.Farm_id);
                                }
                            }).addTo(mymap);
                        mymap.fitBounds(geojsonLayer.getBounds());

                    }
                    else
                    {
                        alert("No Farmers Found!");
                    }
                }
            });

        }
    }); 

$.ajax({
类型：“POST”，
url:“CustomerID_geojson.php”，
数据：{'OrdersID'：Order_ID}，
数据类型：“json”，
成功：功能（响应）{
var单位=‘公里’；
var buffered=草皮缓冲区（响应、距离、单位）；
bufresult=缓冲的.geometry.coordinates；
$.ajax({
类型：“POST”，
url:'allfarmers_geojson.php'，
数据类型：“json”，
成功：功能（数据）
{
var searchWithin={
“类型”：“FeatureCollection”，
“特点”：[
{
“类型”：“功能”，
“属性”：{}，
“几何学”：{
“类型”：“多边形”，
“坐标”：bufresult
}
}
]
};
var ptsWithin=turf.within（数据，searchWithin）；
//检查距离内是否有农民
如果（ptsWithin.features.length>0）
{
geojsonLayer=L.geoJson（ptsWithin，
{
onEachFeature：功能（功能，图层）
{
FarmerID=feature.properties.Farm\u id；
document.getElementById（'FarmersID'）。value=FarmerID；///此项无效
layer.bindpoop（'Farmer Name:'+feature.properties.nick_Name.+'
Farmer ID:'+feature.properties.Farm_ID'）；
}
}).addTo（mymap）；
mymap.fitBounds（geojsonLayer.getBounds（））；
}
其他的
{
警惕（“没有发现农民！”）；
}
}
});
}
}); 

$（'#FarmersID'）。追加（$（''{
价值：1，
文本：“我的选择”
}));

---

我希望这就是您希望通过ajax响应向您的选择项添加选项的操作。

@Dylan Hamilton…您能检查一下吗？谢谢：）…它可以工作…但您能告诉我值中的“1”是指什么吗？值1是我们添加到您的选择中的选项元素的值。上面的脚本将向您的选择元素添加我的选项。您可以设置u所需的值。

$('#FarmersID').append($('<option>', {
    value: 1,
    text: 'My option'
}));