Ajout d'un div et select dans un jquery avec la méthode append

Version imprimable

Bonjour Madame/Monsieur;

Je voulais savoir comment inserer ce bout de code dans mon dom avec jquery:

Code:

1
2
3
4
5
6
7
<div id="zone_aff"/>
<div id="mondiv">
<select id="maselection">
      <option value="op1">OP1</option>
      <option value="op2">OP2</option>
</select>
</div>

comme ca:

Code:

1
2
3
4
5
$('#zone_aff').append([
   $('<select></select'), {
     ........
   }
]);

crées, puis append ...

Code:

1
2
3
4
5
6
7
8
9
 
$newdiv=$('<div/>');
$newSelect=$('<select/>');
for (i=0;i<5; i++){
$newSelect.append( $('<option/>').val(i).text(1);
}
 
$newdiv.append($newSelect);
$('#zone_aff').append($newdiv)

20/10/2014, 11h36
baldeadama

Merci;

J ai trouver une autre solution.
21/10/2014, 08h24
vermine

Laquelle ? :)

Bonjour;

je vais prendre un exemple:

1- code HTML:

Code:

1
2
3
4
<div id="id1">
       <label>Nom</label>
       <input type="text" name="n1"/>
</div>

2- code Jquery:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
$('<div></div>', {
        'id' : 'id1'
     }).append(
            $('<label></label>', {
                  'text' : 'Nom'
              }),
 
              $('<input></input>', {
                     'type' : 'text',
                      'name' : 'n1'
               })
      );

Et voila!:D

Code:

1
2
3
4
5
6
7
8
9
10
    $div1=$('<div/>').attr({
        'id' : 'id1'
     }).append(
            $('<label/>').text('Nom')
              ,
            $('<input/>').attr({
                     'type':'text',
                      'name':'n1'
            }) 
      );

Fuseau horaire GMT +2. Il est actuellement 23h08.