отправить переменную javascript в html selector

Question

Я пытаюсь отправить свою переменную: username в свой селектор (отображать имя пользователя в моем селекторе) и отправить мою переменную userid как значение в моем селекторе. Вы можете мне помочь? Вот мой код:

<select id="mySecond" name="continent"> 
    <option value="">-----------------</option> 
    <option value="">-----------------</option> 
    </select> 


<script> 

function displayuser() { 
    var x = document.getElementById("mySelect").value; 
    document.getElementById("demo").innerHTML = "Mon id: " + x; 

    $.ajax({ 
     url: "https://cubber.zendesk.com/api/v2/organizations/"+x+"/users.json", 
     type: 'GET', 
     dataType: 'json', 
      contentType:'application/json', 
      secure: true, 
      beforeSend: function (xhr) { 
       xhr.setRequestHeader ("Authorization", "Basic " + btoa("claire.pagniez@cubber.com")); 
      }, 
      success: function (data){ 
       for (i = 0; i < data.users.length; i++) { 
       console.log(data.users[i].name); 
       var username = data.users[i].name; 
       console.log(data.users[i].id); 
       var userid = data.users[i].id; 
       } 
      }, 
    }); 
} 

</script> 

Answer 1

попробовать это:

success: function (data) { 
    $.each(data, function(){ 
     $("#mySecond").append('<option value="'+ this.userid +'">'+ this.username +'</option>') 
    }) 
}