JSFiddle - React, Tailwind, and code Playground

HTML

<select id="selects">

</select>

<select id="select2">

</select>

JavaScript

var data = {
  "324": "Aguacate",
  "196": "Fresa",
  "7875": "Mandarina",
  "197": "Platano",
  "9517": "Uvas"
};

var data2 = {
  "values": [{
    "324": "Aguacate"
  }, {
    "196": "Fresa"
  }, {
    "7875": "Mandarina"
  }, {
    "197": "Platano"
  }, {
    "9517": "Uvas"
  }]
};

var $select = $('#selects');

// First, empty the select field
$select.find('option').remove();

$.each(data, function(key, value) {
  $select.append('<option value=' + key + '>' + value + '</option>');
});

var $select = $('#select2');
$.each(data2, function(keyid, dataval) {

  $.each(dataval, function(key, value) {
    $.each(value, function(k, v) {
      $select.append('<option value=' + k + '>' + v + '</option>');
    });

  });

});