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

我正试图这样做，每当点击表格中属于某个管理者的单元格时，选择框就会出现在其位置，并填充可供选择的管理者，一旦做出选择，选择框就会被删除，选择框现在就会出现在其位置

我总是犯错误

对象不支持属性或方法“each”

这是代码，数组中的其他代码就是它

$('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()
    })
}) 

使用

---

原来没有，修正了。是的，在这里输入这个很糟糕。。。固定的

$('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));
})