使用拖放 select 将下拉文本添加到文本框 jquery

Question

我们最近从 sqlserver 迁移到 mysql，由于区分大小写，用户输入了错误的 tablename，并且在 UI 上失败。所以我试图促进 mysql 查询 UI 页面使用拖放从下拉列表中复制 table 的确切名称 -

试过像下面的代码-

    $("#droppable").droppable({
    hoverClass: 'active',
    drop: function(event, ui) {
        this.value += $(ui.draggable).text();
    }
});

尝试 select 一个选项并将其拖到 "select * from " 旁边的文本区域以使其查询。

但问题是它复制了下拉列表的全部数据，而不是我拥有的数据 selected.please 表明我在这里缺少什么。

Answer 1

你必须在你的 drop 方法中做这样的事情

drop: function (event, ui) {
  this.value += $(ui.draggable).find('select option:selected').text();
}

您正在拖动父级 div，因此在您的放置方法中，您必须从拖动的 div 遍历到 select 元素。

这是一个Demo

get select dropdown text to textbox using drag and drop jquery