Question

我有一个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'));

没有成功，因为它填充了我的表格中的所有下拉列表＆＃34; Seleziona Piano＆＃34;选项...

Answer 1

$('option')会在您的dom中找到<option>个标签。如果您要创建新的option代码，则需要使用$('<option>')（就像您的代码中已有）。

您可以使用：

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

在remove()部分之后的代码中

。

尝试使用带有ajax的下拉列表中的jQuery添加空白<option>

1 个答案: