JQuery 使用 JSON 数据填充 DropDownList

html
<select id="myDropdown"></select>

Javascript
$.getJSON("data.JSon", function(data) {
  $.each(data, function(index, item) {
    $("#myDropdown").append('<option value="' + item.value + '">' + item.text + '</option>');
  });
});

html
<!DOCTYPE html>
<html>
<head>
  <title>动态填充下拉列表框</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.JS"></script>
  <script>
    $(document).ready(function() {
      $.getJSON("data.JSon", function(data) {
        $.each(data, function(index, item) {
          $("#myDropdown").append('<option value="' + item.value + '">' + item.text + '</option>');
        });
      });
    });
  </script>
</head>
<body>
  <h1>动态填充下拉列表框</h1>
  <select id="myDropdown"></select>
</body>
</html>