HTML下拉列表中的值

时间:2015-01-27 08:07:18

标签: jquery html drop-down-menu

*这里真正的问题是我在下面回答的问题,我想我想出了如何解决其余问题。如果我需要帮助,我会稍后再回来,所以一些细节将从原始帖子中删除。

我将同时公开我的两个问题。

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

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

var showcounter = 5

变量只是一些复选框!

提前致谢

1 个答案:

答案 0 :(得分:0)

*我在这里遇到的第一个问题是,如何根据数字值设置一个下拉框,这是我发现的正确代码:

根据变量值(数字)填充下拉列表:

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>

以下是如何操作,

中的$ select设置为&#34;类&#34;你为&#34;选择了#34;下拉列表

变量showcounter将根据其他脚本而改变,但基本上这里设置为5作为示例。

&#34; for&#34; for&#34; line说多少次重做动作,在我的情况下从0到5(showcounter变量)然后它填充每个下拉列表的选项

您可以在JSFiddle here

中看到结果