问下拉菜单显示的是JSON文件中的第一个值，而不是默认文本

EN

<select id="dropDownShops_1">
  <option value="" selected disabled>Please Select Shops ...</option>
</select>  

     //get a reference to the select element
    var $select = $("#dropDownShops_1, #dropDownShops_2");

    $(function() {
      /*******************************************************
       *FUNCTION CALL TO POPULATE DROPDOWN MENU FROM JSON FILE*
       *******************************************************/

      //request the JSON data and parse into the select element
      $.getJSON('ajax/shops.json', function(data) {
        $select.html('');
        console.log("shops: " + data.Shops);
        $.each(data.Shops, function(key, value) {
          console.log("value:" + value);
          //iterate over the data and append a select option
          $select.append("<option >" + value.ShopName + "</option>");
        });
      });

      $("img").on("dragstart", function(event) {
        event.preventDefault();
      });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <!-- DropDown Menu to choose Participating Outlet -->
  <select id="dropDownShops_1">
    <option value="" selected disabled>Please Select Shops ...</option>
  </select>
  <select id="dropDownShops_2">
    <option value="" selected disabled>Please Select Shops ...</option>
  </select>
</form>

{
 "Shops": [
{
    "ShopName": "7-ven",
    "ShopID": "7-ven123",
    "Shoplocation": "#02-31"
 }, {
    "ShopName": "8Tarstries",
    "ShopID": "8Tarstries123",
    "Shoplocation": "#B2-K4"
 }, {
     "ShopName": "A|hange",
     "ShopID": "A|hange123",
     "Shoplocation": "#01-202"
 }]   
}