Discussion :

[oitsuki]

Bonjour,

j'ai un problème et je ne suis pas du tout bon en js. Si vous pouvez m'aider ce serait cool.
J'aimerais savoir comment on fait pour injecter dans une row dynamic un dropdown comportant des langue.
En statique, pas de problème, mais la je plante.

Peux être en ajax ? Mais la aussi comment fait on ?

Merci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
<?php
        $test = Language::getLanguages();
// J'ai essayé ceci mais cela ne fonctionne pas.
        foreach ($test as $toto) {
          $lg .= '<option id="language" value="' . $toto['id'] . '"></option><option value="' . $toto['name'] . '"></option></select>';
         }
 
      $output = <<<EOD
 
 
<script>
$(document).ready(function () {
  var counter = 0;
 
  $("#addrow").on("click", function () {
      var newRow = $("<tr>");
      var cols = "";
 
      cols += '<td><input type="text" class="form-control" name="user_question[]' + counter + '"/></td>';
 
 
 
//le problème est ici : Dropdown     
      cols += '<td><select name="language[]' + counter + '" id="language" placeholder="Language" class="form-control">{$lg}</select></td>';
 
 
 
      cols += '<td><input type="button" class="ibtnDel btn btn-md btn-danger" id="delete_row" value="{$button_delete}"></td>';
 
      newRow.append(cols);
      $("table.order-list").append(newRow);
      counter++;
  });
 
  $("table.order-list").on("click", ".ibtnDel", function (event) {
    $(this).closest("tr").remove();       
    counter -= 1
  });
});
 </script>
EOD;
        return $output;

[Showie]

Bonjour,

Je pense que la construction des options de ton select est faux.
de plus tu as des erreurs d écriture du name de tes éléments et tu as des id non unique et il manque un point virgule après la décrémentation de ton compteur.

Essaie avec un truc comme ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
<?php
        $test = array(array('id'=>1,'name'=>'Fr'),array('id'=>2,'name'=>'En'),array('id'=>3,'name'=>'De'));
 
     $lg = '';   
foreach ($test as $toto) {
          $lg .= '<option value="'.$toto['id'].'">' . $toto['name'] . '</option>';
         }
$button_delete = 'test';
 
 $output = <<<EOD
 
 
<script>
$(document).ready(function () {
  var counter = 0;
 
  $("#addrow").on("click", function () {
      var newRow = $("<tr>");
      var cols = "";
 
      cols += '<td><input type="text" class="form-control" name="user_question[' + counter + ']"/></td>';
 
 
      cols += '<td><select name="language[' + counter + ']" id="language[' + counter + ']" placeholder="Language" class="form-control">{$lg}</select></td>';
 
 
 
      cols += '<td><input type="button" class="ibtnDel btn btn-md btn-danger" id="delete_row[' + counter + ']" value="{$button_delete}"></td>';
 
      newRow.append(cols);
      $("table.order-list").append(newRow);
      counter++;
  });
 
  $("table.order-list").on("click", ".ibtnDel", function (event) {
    $(this).closest("tr").remove();       
    counter -= 1;
  });
});
 </script>
EOD;
        return $output;

[oitsuki]

Ok, merci ca fonctionne.