在HTML中创建仅包含0到x的下拉框的简单方法？

Question

我很高兴使用下面的代码创建了一个HTML下拉框：

<select name=\"group\"> \
  <option value=\"10\">10</option> \
  <option value=\"11\">11</option> \
  <option value=\"33\">33</option> \
  <option value=\"Broadcast\">255</option> \
</select> \

但是，我的服务器非常有限，因为它运行在小型处理器上。 我想创建一个包含0到x的动态下拉列表，其中x是我控制的总线上的节点数。 除了动态地创建适当的字符串以发送到浏览器，添加额外的行，诸如：

<option value=\"x\">x</option> \

x是总线上节点的下一个地址？

我想知道是否可以编写这样的HTML / Javascript代码：

<dropdownbox="boxname", entries = x>

（以上只是某种伪代码/理想代码，我并不是说这是正确的HTML！）这将创建一个带有x个条目的下拉框，每个条目将被标记为0到x。

[真正的] HTML代码看起来有些奇怪，因为它目前已被硬编码到某些C语言中（下一步将使其动态化）。 我应该说，我对HTML知之甚少，我只是试图建立一个非常简单的嵌入式服务器。 如果可以轻松地将该代码编码到我的C代码中，我愿意发送一些JavaScript或其他内容。 任何代码都必须由小型处理器生成，而我正在用C编写软件，并且该服务器是小型服务器。

谢谢 ：）

Answer 1

确实，这将需要一些Javascript。 这是一个可行的解决方案：如果您设法将其发送给客户端（或JS函数已经在页面的一部分中），则代码将读取select标记的data-range属性并创建尽可能多的选项节点。

 <select id="mySelect" data-range="15" name="group"></select> <script> var select = document.getElementById("mySelect"); var range = select.dataset.range; for (var i=0; i<+range; i++) { var node = document.createElement("option"); node.value = i; node.text = i; select.appendChild(node); } </script>