在javascript中创建选项菜单

我正在用HTML和javascript制作一个Soduko游戏。我想让用户选择数字 （0-9）而不是输入它们

以下是一个输入示例（单元格0:0）：

我希望javascript代码在单击该单元格时显示0-9选项

我的想法是

if oncliked()
then display menu
document.getElementById("c00").value = selected value.

---

单击事件应使用类而不是ID，如：

<td><input class="number-select" type="text" id="c00" size="1"/></td>

在这个回调中，您可以使用

$(this).val() 

获取或设置textbox的值

此外，在

上单击

，您应该显示您的数字选择器。您可以通过创建一个具有

数据输入id

属性的div来实现这一点，您将在其中存储要填充的文本框的

id

然后在此

div

中，您可以创建10个

div

，上面有数字和特殊类，如

digital tile

，并将回调附加到它们：

$("div.digit-tile").click(function() {
    var inputId = $(this).parent().data("input-id");
    $("#" + inputId).val($(this).data("value"));
    $(this).parent().hide();
}

你的瓷砖可以像这样

<div id="tile-chooser" style="display:none">
    <div class="digit-tile" data-value="1">1</div>
    ...
</div>

1.
...

添加一些CSS到这看起来不错，它应该工作

---

最后一件需要添加的事情是用平铺定位div，这样它将靠近文本框，但我认为这超出了这个问题的范围。

为什么不使用

select

标记而不是

input

？考虑过这一点，但它看起来一点也不专业。这甚至会让一个孩子感到厌烦。看看使用击倒，如果你给出了整个问题，我可以模拟你一个击倒版本，这使它非常容易！看起来你知道你需要的一切。你的问题是什么？我实际上如何用JavaScript实现它。我知道伪代码，但需要JavaScript来实现。当点击输入文本时，如何完全用JavaScript进行选择。问题是我在基于web的应用程序中是新手。抱歉，忘了提一下，我们应该只使用纯javascript。再次为包含Jquery标记而道歉。但是感谢您的输入。我将尝试将其转换为JavaScript。不使用jQuery将生成更多代码，但想法是一样的。如果你不熟悉JS、HTML和CSS，那么你无论如何都需要研究CSS绝对定位、隐藏/显示带有样式的元素等主题。如果你在这里得到一个完整的工作解决方案，如果你无法修改它以满足你的确切需求，那么它仍然毫无用处。谢谢大家，我会尝试一下，看看它会把我引向何方。再次感谢各位。

<div id="tile-chooser" style="display:none">
    <div class="digit-tile" data-value="1">1</div>
    ...
</div>