JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div>
    <select class="mobile-vendor">
        <option value="motorola">Motorola</option>
        <option value="nokia">Nokia</option>
        <option value="android">Android</option>
    </select>
</div>
<div>

    <select class="model"></select>
    <a id="download-link"> Download </a>
</div>
</body>

JavaScript

$(document).ready(function() {
        var selectValues;
        $.ajax({
              type: "GET",
              url: "http://59.163.254.24:4287/wap/retrieve/hanset/data/",
            data: "TEST_FOR_APP_002",
              async: false,
              success: function(data) {
                selectValues = data;
                  alert("Details saved successfully!!!");
              },
                error:function (xhr, ajaxOptions, thrownError){
                    alert(xhr.status);
                    alert(thrownError);
                }
            });

            var $vendor = $('select.mobile-vendor');
            var $model = $('select.model');
            $vendor.change(
                          function() {
                              $model.empty().append(function() {
                                  var output = '';
                                  $.each(selectValues[$vendor.val()], function(key, value) {
                                      output += '<option>' + key + '</option>';
                                  });
                                  return output;
                              });
                          }).change();

            // bonus: how to access the download link
            $model.change(function() {
                $('a#download-link').attr('href', selectValues[$vendor.val()][$model.val()]).show();
            });
});