如何顯示選擇框並設置文本，然後在單擊單元格時刪除選擇框

Question

我正在嘗試使表單中的單元格單擊屬於管理器的某個選擇框，並在其位置中顯示並填充與管理人員一起選擇，一旦做出選擇，選擇框應該被移除並且選擇應該現在出現在它的位置上。

我保持geeting錯誤

對象不支持屬性或方法「各自」

下面是代碼，其他腋臭陣列，這是它

$('td.managers').click(function() { 
    var text = $(this).text(); 
    $(this).text(''); 
    $('<select id="mgrslct" />').appendTo($(this)).val(text); 
    managers.sort(); 
    for (var j = managers.length - 1; j >= 0; j--) { 
     $('<option />').val(managers[j]).html(managers[j]).appendTo('#mgrslct'); 
    }; 
    $('#mgrslct').change(function(e) { 
     var newText = $(this).val; 
     $(this).parent().text(newText).find('#mgrslct').remove() 
    }) 
}) 

Answer 1

使用

$('td.managers').click(function() { 
    var text = $(this).text(); 
    $(this).text(''); 

    var selectbox = $('<select class="mgrslct" />'); 
    selectbox.val(text); 

    managers.sort(); 
    for (var j = managers.length - 1; j >= 0; j--) { 
     $('<option />').val(managers[j]).html(managers[j]).appendTo(selectbox); 
    }; 

    selectbox.change(function(e) { 
     var newText = $(this).val(); 
     var parent = $(this).parent(); //store reference of parent 
     $(this).remove(); //remove selected 
     parent.text(newText); 
    }); 

    selectbox.appendTo($(this)); 
})