Почему мой jQuery не добавляется в опцию выбора?

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.