Question

我想在选择框中创建循环。但我想要一个代码用于不同的选择。我可以创建一个选择，但我想要多个。

我想根据类或多个选择更改此代码。我的代码：

<select class="foo"></select><select class="foo"></select>

和

$(document).ready(function() {
    var elm = document.getElementByClass('foo'),
    df = document.createDocumentFragment();
    for (var i = 0; i <= 60; i++) {
        var option = document.createElement('option');
        option.value = i;
        option.appendChild(document.createTextNode(" " + i));
        df.appendChild(option);
    }
    elm.appendChild(df);
});

Answer 1

我认为你想要的是

document.getElementsByClassName('foo');

http://jsfiddle.net/5J29g/48/

Answer 2

您可以将class selector与.append()和.clone()

一起使用

$(document).ready(function () {
    var df = document.createDocumentFragment();
    for (var i = 0; i <= 60; i++) {
        var option = document.createElement('option');
        option.value = i;
        option.appendChild(document.createTextNode(" " + i));
        df.appendChild(option);
    }
    $('.foo').append(function () {
        return $(df).clone()
    })
});

演示：Fiddle

Answer 3

由于你使用的是jQuery，所以你可以这样做：

的 The demo. 的

$('.foo').each(function() { for (var i = 0; i <= 60; i++) { $('<option />').val(i).html('#option ' + i).appendTo($(this)); } });

Answer 4

我刚刚更新了你的jsfiddle，添加了这个：

(function() {
var foos=document.querySelectorAll(".foo");
for(var j=0;j<foos.length;j++){
    var elm = foos[j],
        df = document.createDocumentFragment();
        for (var i = 1; i <= 42; i++) {
            var option = document.createElement('option');
            option.value = i;
            option.appendChild(document.createTextNode("option #" + i));
            df.appendChild(option);
        }
        elm.appendChild(df);
    }  
}());

示例检查出DEMO

Answer 5

试试这个：

$('.foo').each(function(){
   // call your code create option element here with $(this).append()
});

循环选择框值

5 个答案: