show array object values inside ajax success section

user_5064637 0
Viewed 59

Here am getting the result as follows enter image description here

Now i want to show that content inside a select box with option values so how can we do that..

Here i have written like this

 var data = data.user_contacts
 var formoption = "";
 $.each(data, function(v) {
  var val = data[v]
   formoption += "<option value='" + val + "'>" + val + "</option>";
});
 $('#user_contacts').html(formoption);

but am getting value as undefined

arrays php ajax
2 Answers

Hope this will get the val.

var data = data.user_contacts
 var formoption = "";
 $.each(data, function(index,val) {
   formoption += "<option value='" + val + "'>" + val + "</option>";
});
 $('#user_contacts').html(formoption);
user_150644390

You need to use keyname to get required values i.e : ContactID ,UserID..etc .

Demo Code :

var data = {
  "user_contacts": [{
    "ContactID": 1,
    "UserID": 12,
    "EmailAddress": "A@gmail.com"
  }, {
    "ContactID": 2,
    "UserID": 122,
    "EmailAddress": "A2@gmail.com"
  }]
}
var datas = data.user_contacts
var formoption = "";
$.each(datas, function(v) {
  var val = datas[v]
  //use key to get value 
  formoption += "<option value='" + val.ContactID + "'>" + val.EmailAddress + "</option>";
});
$('#user_contacts').html(formoption);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="user_contacts">
</select>

user_106064000
Related