Question

我正在尝试这样做，以便每当点击一个表格中的一个单元格属于一个经理时，一个选择框出现在它的位置并填充经理可供选择，一旦做出选择，选择框应该是删除amd，选择现在应该出现在它的位置。

我一直在犯错误

对象不支持属性或方法'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()
    })
})

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

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

1 个答案: