多选选项双击编辑

时间:2019-07-29 15:21:05

标签: javascript jquery

我有一个多选菜单。我希望用户能够双击编辑选项。

除了多重选择中的标签以外,jquery代码似乎对任何其他东西都可以正常工作。我尝试使用它却无济于事。每次用户输入字母时,multiselect都会执行其本机属性,即自动选择列表中的前几个字母是用户键入的内容的列表中的第一个选项。

FIND ME
$(".editable").dblclick(function (e) {
    if ($(event.target).attr('class') != "thVal")
    {
        e.stopPropagation();
        var currentEle = $(this);
        var value = $(this).html();
        updateVal(currentEle, value);
    }
});

function updateVal(currentEle, value)
{
    $(document).off('click');
    $(currentEle).html('<input class="thVal" type="text" value="' + value + '" />');
    $(".thVal").focus();
    $(".thVal").keyup(function (event) {
        if (event.keyCode == 13) {

        $(currentEle).html($(".thVal").val());
    }
});

}

0 个答案:

没有答案