jQuery将<option>附加到附加的<select> </select> </option>

Question

我试图将选项标签附加/前置到表单中的附加选择输入。 只需将我的表格附加到身体上就像这样：

c.append( $('<form>').attr({
  'method': 'POST',
  'action': ''
}).append( $('<select />').attr({
     'name': 'retour'
}) ));

现在我想将Option标签附加到此表单，而不必像5次那样创建.append( $('<option>').attr() )等。

我发现了类似的问题：

1. jQuery append inside appended element
2. What is the best way to add options to a select from an array with jQuery?
3. Programmatically create select list

但他们都没有在我的案件中工作。 希望有人知道答案，谢谢。

Answer 1

Append接受以逗号分隔的多个元素

c.append( 
    $('<form>', {
         method : 'POST',
         action : ''
    }).append( 
        $('<select />', {
            name : 'retour'
        }).append(
            $('<option />', {text : 'option1'}),
            $('<option />', {text : 'option2'}),
            $('<option />', {text : 'option3'}),
            $('<option />', {text : 'option4'}),
            $('<option />', {text : 'option5'})
        )
    )
);

FIDDLE