Javascript 将文本更改为下拉列表

我有一个巨大的价值网格。起初，每个值都是下拉列表。但加载+15秒的速度非常慢。 因此，我想在我的网格中使用一个常规表格中的文本，并在双击文本时使用下拉列表。 这可能吗？ 此外，是否可以使用telerik下拉菜单

下面是一个示例：包含颜色的网格，例如：蓝色、蓝色、红色、黄色。。。。。 双击单词时，下拉列表将替换所选文本。下拉列表将包含所有可用颜色：蓝色、红色、黄色。之后，当选择该值时，下拉列表将消失，文本将显示新值

到目前为止，我得到了：

$(function () {
    $('.colorGrid').dblclick(function () {
         debugger;
        $(this).html("<select class=\"resultMenu\" id=\"resultMenuID\" size=\"1\"></select>");
        $(this).children("select").append('<option value=1>Black</option>');
        $(this).children("select").append('<option value=2>Red</option>');
        $(this).children("select").append('<option value=3>Blue</option>');
        $(this).children("select").append('<option value=4>Yellow</option>');
    });
    $('#resultMenuID').change(function (event) {
        debugger;
        $(this).html("<td>test</td>");
    });
});

---

我接近我的目标了。现在，我需要将所选内容的结果放回td标签中，并且所选内容必须消失！更改选择功能从不调用。有人知道为什么吗？

如果需要+15秒，那么您肯定必须使用AJAX或用javascript字符串硬编码DropDownValue

正如MrOBrian所说的，我不能仅仅根据你的一两行代码问题来提供代码。您必须上传您现有的问题代码才能从这里获得解决方案。不过，我可以给你一个想法

说这是你的色块

<div id="colour-block-list">
    <div id="red-block" class="colour-block">
    Red
    </div>
</div>

您必须添加onclick处理程序

$(".colour-block").click(function(){

  //call your ajax or get values from hard coded javascript string
   $(this).html("<select></select>");
   $(this).children("select").append(list_of_options);


});

---

你现在能给我们看一下你的html和javascript吗？基本的想法是把所有潜在下拉列表的“内容”放在一个块中，隐藏它，并在每个这样的块中添加onClick，它会将值从隐藏变为可见。然后，如果你想减少加载时间，只需在用户点击blockMrOBrian时使一个块加载适当的值，我今天就发布这个问题？！？！？！另外，我不明白为什么我要发送javascript示例，答案应该是非常通用的。你为什么要看我的其他问题？我没有得到任何好的答案，我的其他问题。。。你好，阿夫林。这正是我想要的。我没有提供代码，因为解释一切都需要时间。颜色示例与我想要的类似。还有一件事，在您的示例中，如何使用telerik下拉列表而不是常规的select？此外，当用户选择其值时，您将如何恢复文本格式？我接近我的目标了。现在，我需要将select的结果放回td中，select必须取消@亚历克斯-你可以做一件事。$。color-block.childrenselect.val将获得u值。将其添加到div。然后为所有块隐藏它。在单击处理程序上执行此操作。这样，在您进行单击服务之前。所有选定块的值都将输入td。然后隐藏td。