Seçilen seçeneğe göre farklı formları Göster/Gizle nasıl yapabilirim?

Merhaba.
Select özelikli altta örneklediğim gibi bir formum var.
bu form da "Manual" i seçtiğimde altta bir seçenek açılsın ve manual olarak bir text yazabileyim istiyorum kaydet dediğimde manual için açılan text alanında ne yazdıysam onu kaydetsin..
Diğer seçenkerden birini seçtiysem de value değeri ne girdiysem o olsun. Bu konuda yardımcı olabilecek arkadaş varmı?

                                       <div class="form-group">
                                            <label class="small font-weight-bold">Gelir</label>
                                            <div class="form-group">
                                                <label for="gelir">Gelir</label>
                                                <select class="form-control" id="gelir" name="name">
                                                <option value="">Gerlir Seç</option>
                                                <option value="Agelir">A Gelir g1</option>
                                                <option value="Bgelir">B Gelir </option>
                                                <option value="Manual">Manual</option>
                                                </select>
                                            </div>
                                        </div>

Aslında böyle birşey buldum. ama bununda sorunu

<form class="p-3">
  <div class="form-group">
    <label for="seeAnotherField">Gelir Seç</label>
    <select class="form-control" id="seeAnotherField" name="name">
          <option value="ornekBir"> Ornek 1</option>
          <option value="ornekIki">Ornek 2</option>
          <option value="manual">Manual</option>
    </select>
  </div>
  
  <div class="form-group" id="otherFieldDiv">
    <input for="otherField" type="text" class="form-control">
  </div>
</form>

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

<option value="Manual">Manual</option>

value kısmına yazdığım "Manual" yazısını kaydediyor.
ben istiyorum ki altta açılan text alanına yazanı kaydetsin