Показать скрытое поле или новый запрос с ajax?

Question

Мне нужно вставить некоторые поля ввода в форму на веб-сайте.

Эти поля будут вставлены в зависимости от параметра, выбранного пользователем при вводе <select>.

Что такое правильный путь?

Новый запрос с ajax добавить эти поля или просто оставить все возможные поля скрытыми и показать их в соответствии с выбранным параметром?

(я не буду делать никаких запросы к базе данных)

Answer 1

Ajax для «разговора» с сервером. Если это просто случай изменения значения <select> и отображения / скрытия некоторых полей, поместите их на страницу с помощью style='display:none;' и отобразите / скройте их, изменив этот стиль, например, с помощью jquery, который вы можете использовать:

 $(selector).show();

Пример кода (есть, конечно, много способов сделать это, вот один):

$("#picker").on("change", function() {
  $(".dogs,.cats").hide();
  $("." + $(this).val()).show();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Do you like:
<select id='picker'>
  <option value=''>please select</option>
  <option value='dogs'>dogs</option>
  <option value='cats'>cats</option>
</select>
<div class='dogs' style='display:none;'>
  which sort of dog:
  <select>
    <option>big</option>
    <option>sloppy</option>
    <option>yappy</option>
  </select>
</div>
<div class='cats' style='display:none;'>
  what type of cat:
  <select>
    <option>aloof</option>
    <option>independent</option>
    <option>house cat</option>
  </select>
</div>

Answer 2

Если вам действительно нужно что-то сделать на сервере при изменении поля выбора, вам может потребоваться использовать вызовы ajax, если вы не просто скрываете поля и отображаете их в зависимости от опции выбора.