HTML 值的下拉列表

Question

*这里真正的问题是关于我在下面回答的内容，我想我想出了解决其余问题的方法。如果我需要帮助，我稍后会回来，所以一些细节将从这个原始的 post.

中删除

我会同时暴露我的2个问题

我来到这里的第一个也是真正的原因是，我正在构建一个应用程序，它根据选择的字段创建一个表单。

我对所选的每个字段都有一个计数。我想用所选框的数量填充下拉列表。所以如果我有 5 个，那么在列表中我需要 1-2-3-4-5。

var showcounter = 5

变量只是勾选的个数！

提前致谢

Answer 1

*我在这里遇到的第一个问题是，如何根据数值设置下拉框，这是我找到的正确代码：

根据变量值（数字）填充下拉列表：

jQuery 脚本

$(function(){
    var $select = $(".dropdown_test");
    var showcounter = 5
    for (i=0;i<=showcounter;i++){
        $select.append($('<option></option>').val(i).html(i))
    }
});

HTML 表单域

<select class="dropdown_test"></select>
<select class="dropdown_test"></select>
<select class="dropdown_test"></select>

这是操作方法，

jQuery 中的

$select 设置为您为 "select" 下拉列表

设置的 "class"

变量 showcounter 会根据其他脚本而变化，但基本上这里设置为 5 作为示例。

"for" 行说明重做操作的次数，在我的例子中是从 0 到 5（showcounter 变量）然后它填充每个下拉列表的选项

你可以在JSFiddle中看到结果here

HTML 值的下拉列表

HTML Drop down list from Value

html

jquery

drop-down-menu