динамическая опция выбора из ajax нет места

Question

success: function(data) { 

    //console.log(data); 

    var country = $('#Country'); 
    country.empty(); 
    $('#Cities').empty(); 
    for (var i = 0; i < data.length; i++) { 
     $(country).append('<option id=' + data[i].sysid + ' value=' + data[i].name + '>' + data[i].name + '</option>'); 

     //console.log("PAIR " + i + ": " + data[i].sysid); 
     //console.log("PAIR " + i + ": " + data[i].name); 
    } 
    //manually trigger a change event for the contry so that the change handler will get triggered 
    $(country).change(); 

} 

У меня есть опция выбора, которую я заполняю следующим образом с помощью ajax. Я получаю данные из базы данных. Мой вопрос в том, почему этот код не включает пробел, например, coutnry равен United States Of America, код сохранит только значение United. Значение страны составляет только United, когда я ее сохраню. Это не будет полным, как сделать это таким образом, что даже есть место, которое он по-прежнему будет учитываться в стоимости

Answer 1

Вам необходимо процитировать значение (и ID)

value="' + data[i].name + '">'

в результате

value="United States Of America">