Как в JQuery вы можете нажать на кнопку и сделать выпадающий список превратить в обычный текст

Question

Я хочу иметь таблицу выпадающих списков, и когда вы нажмете «Подтвердить», все выбранные элементы будут просто обычным текстом внутри таблицы. я должен поместить select внутри div и удалить и заменить на необработанный html?

Answer 1

Вы можете просто заменить каждую select текстовой версией их текущей стоимости:

$(function(){ 
  // user clicks any 'commit' button
  $(".commit").click(function(){ 
    // find all select menus in same table-row
    $(this).closest("tr").find("select").each(function(){ 
      // convert to regular text
      $(this).replaceWith( $(this).val() ); 
    }); 
  }); 
});

Онлайн пример: http://jsbin.com/oleda