Erreur lors de la création de la selectbox dans jquery?

Question

<div id="item"></div> 
var div = $('<div/>', { 
    style : 'border-top: 1px dotted #ccc; margin: 4px; padding: 10px;' 
}).appendTo($('#item')); 
var select = $('<select/>',{ 
    name : 'name[]', 
    option: { 
     value : 1, 
     value : 2 
    } 
}).appendTo(div); 

=> erreur ne peut pas créer de la valeur pour la boîte de sélection

Comment fixer, avec ce résultat:

<select name="name[]"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
</select> 

Answer 1

S'il vous plaît essayer à la place,

$(document).ready(function(){ 
var div = $('<div></div>').css({'border-top': '1px dotted #ccc', 'margin': '4px', 'padding': '10px'}); 

var select = $('<select/>') 
.attr('name','name[]') 
.append('<option value=1>My option</option>') 
.append('<option value=2>My option</option>') 
.appendTo(div); 

div.appendTo($('#item')); 


}); 

Answer 2

Si i étiez-vous je ferais des choses comme ceci:

var div = $('<div/>') 
    .css({ 
     borderTop : '1px dotted #ccc', 
     margin : '4px', 
     padding : '10px' 
    }); 

div.appendTo($('#item')); 

var opts = { 
    value_1 : 'value #1', 
    value_2 : 'value #2', 
    value_3 : 'value #3' 
}; 
var select = $('<select/>').attr('name', 'name[]'); 

$.each(opts, function(k, v){ 
    // k is the key from opts, ex : value_1 
    // v is the value attributet to k, ex : value #1 
    $('<option />', { 
     text : v, 
     value : k 
    }).appendTo(select); 
}); 

select.appendTo(div); 

Selon votre projet, vous pouvez remplir l'objet « choisit » de ajax ou tout ce que vous voulez

Example here

En outre, pour que div je voudrais ajouter une classe au lieu d'ajouter la ligne css. Il sera plus facile de modifier en temps