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

Question

我们最近从sqlserver迁移到mysql，并且因为区分大小写的用户键入了错误的表名，并且在UI上失败。所以我试图通过拖放操作来帮助mysql查询UI页面从下拉列表中复制表格的确切名称 -

尝试如下代码 -

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

http://jsfiddle.net/5DCZw/1024/

尝试选择一个选项并将其拖到＆＃34;旁边的textarea;选择*来自＆＃34;使其查询。

但问题是它复制了下拉列表的整个数据而不是我选择的那个。请指出我在这里缺少的内容。

Answer 1

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

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

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

这是Demo