如何使用j查询进行编辑，在输入文本字段中动态显示国家/地区列表，

Question

我的问题是如何在输入文本字段中不使用选择标记的情况下获得下拉列表。我在json中获得了动态的国家和州列表，但是我正在努力以jsp格式显示列表，请帮助。

< script >
  $(document).ready(function() {
    $.getJSON("<c:url value='/user/getUserProfileDetails'/>", {
      ajax: 'true'
    }, function(data) {
      var profileDetails = data;
      $("#ucountry").val(data.getProfileDetails[0].country);
      $("#ustate").val(data.getProfileDetails[0].state);

    });
  }); <
/script>

<div class="form-group">
  <label for="country"><span class="req"> </span> Country: </label>
  <input required type="text" name="ucountry" id="ucountry" class="form-control ucountry" placeholder="country" />

</div>
<div class="form-group">

  <label for="state"><span class="req"> </span> State: </label>

  <input required type="text" name="ustate" id="ustate" class="form-control ustate" placeholder="state" />
</div>

如图所示，我的输出即将到来，但我想将其放入输入文本字段下拉列表中。我不熟悉如何编写此代码。