Блог

У меня есть функция JS, которая заполняет поле выбора на основе значения первого выбора, но я хотел бы добавить пустое <option> значение в начале.

Это функция

 function createParkFloorMenu(){
      $('#idPark').on('change',function(event) {
           var parks = $(this).val();

           $.get(floorListUrl, {
             idPark: parks
           }, function(response) {

             var select = $('#idPiano');

             select.find('option').remove();

             $.each(response, function(i, v) {
               $('<option>').val(v.idPiano).text(v.nomePiano).appendTo(select);

             });
           });

         });
}
  

Я попытался добавить

  $('option').val('').text('Seleziona Piano').appendTo($('#idPiano'));
  

безуспешно, потому что он заполняет все выпадающие списки в моей форме параметрами «Seleziona Piano»…

$('option') найдет <option> теги в вашем dom. Если вы хотите создать новый option тег — вам нужно использовать $('<option>') (как у вас уже есть в вашем коде).

Вы можете использовать:

  $('<option>').val('').text('').appendTo(select);
  

в вашем коде сразу после remove() части.