如何显示选择框并设置文本，然后在单击单元格时删除选择框

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)); 
})