Показывать поля формы на основе выбора пользователя, но значение не отправляется

Question

Я показываю форму на основе выбора пользователя, дисплеи работают хорошо, но значение не отправляется при отправке

это мой клинок

<div class="form-group">
               <label for="category1">Kategori</label>
               <select id="category1" class="form-control" name="metas[kategori">
                         <option value="" disabled selected>-Pilih Kategori-</option>
                         <option value="motor-honda">Sepeda Motor Honda</option>
                         <option value="elektronik">Elektronik</option>
                         <option value="modal-kerja">Modal Kerja</option>
                         <option value="pendukung-operasional">Pendukung Operasional</option>
                         <option value="lainnya">Lainnya <br></option>
               </select>
</div> 

<div class="form-group" id="otherFieldDiv">
      <label for="otherField">Isi Kategori</label>
      <input type="text" class="form-control" id="otherField" name="metas[kategori]">
</div>

это мой js

<script>
 $("#category1").change(function() {
          if ($(this).val() == "lainnya") {
            $('#otherFieldDiv').show();
            $('#otherField').attr('required', '');
            $('#otherField').attr('data-error', 'This field is required.');
          } else {
            $('#otherFieldDiv').hide();
            $('#otherField').removeAttr('required');
            $('#otherField').removeAttr('data-error');
          }
        });
        $("#category1").trigger("change");
</script>

Если я выберу значение «lainnya», функция отправки будет успешной

, но если я выберу другое значение в консоли, она вернет this

metas.kategori: metas.kategori должен быть строкой.