为什么我的jQuery没有在select选项中追加？

Question

我尝试在选择选项中附加数据 但它没有显示/添加在其中

AJAX完美运行，但附加失败

<select class="form-control show-tick" style="font-size: 14px;" id="office_code" name="office_code" data-live-search="true">
  <option value="choose" disabled selected>-- Choose Office --</option>
</select>
<select class="form-control show-tick" style="font-size: 14px;" id="kode_kantor" name="office_code" data-live-search="true">
  <option value="choose" disabled selected>-- choose office --</option>
</select>

这是AJAX代码

<script type="text/javascript">
  $.ajax({
    'url': 'http://x.x.x.x/test/API/getOfficeBySearch',
    'method': 'POST',
    'data': {
      'request': JSON.stringify({
        "username": "test",
        "password": "test",
        "searchparam": "type",
        "searchvalue": "office"
      })
    },
    'success': function(result) {
      result = JSON.parse(result)
      result.data.forEach(function(value, index) {
      var element =`<optionvalue="${value.officeid}">${value.name}</option>`
        $('#office_code').append(element)
      })

    }
  })
</script>

Answer 1

缺少空格，将<optionvalue替换为<option value。