は私のコードで私はPHPのコンボボックスに</p> <p>最初のボタンをクリックし</p> <p>コードを使用して、私のコードの何が問題になって、コンボボックスが表示されない、CodeIgniterの

Question

ではJavaScriptを使用してHTMLにコンボボックスを追加します。その コードのように、次の出力コンボボックス：

<div class="form-group"> 
    <h4>Tingkat penguasaan</h4> 
      <?php 
      $dropdown = array(
       "[Tingkat penguasaan]"=>"[Tingkat penguasaan]", 
       "Basic"=>"Basic", 
       "Intermediate"=>"Intermediate", 
       "Advance"=>"Advance" 
      ); 
      echo form_dropdown("tingkat_penguasaan[]", $dropdown, @$result->tingkat_penguasaan, 'class="form-control" id="tingkat_penguasaan"'); 
      ?> 
</div> 

とOU使用TPUT div

コード：ここで

<div id="fields" class="form-group"> 
    <!-- for output -->      
</div> 

javascriptの悪い編集のINI stackoverflowのために残念

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#tambah_field').click(function() { 
     $('#fields').append(
      $('<h4>Bahasa</h4>'), 
      $('<input type="text" class="form-control" placeholder="Nama prestasi" required="required" name="bahasa[]" value="<?php echo @$result->bahasa?>">'), 
      $('<h4>Tingkat penguasaan</h4>'), 
      $('<?php 
         $dropdown = array(
         "[Tingkat penguasaan]"=>"[Tingkat penguasaan]", 
         "Basic"=>"Basic", 
         "Intermediate"=>"Intermediate", 
         "Advance"=>"Advance" 
        ); 
         echo form_dropdown("tingkat_penguasaan[]", $dropdown, @$result->tingkat_penguasaan, 'class="form-control" id="tingkat_penguasaan"'); 
        ?> '), 
      $('<h4>Skor</h4>'), 
      $('<input type="text" class="form-control" placeholder="Skor" name="skor[]" value="<?php echo @$result->skor?>">'), 
      $('<br/>') 
     ); 
    }) 
}); 

、私はここに新たなんだ:)

Answer 1

挿入これはあなたの "次の出力コンボボックス"の上にあります：

<div class="tambah-form" style="display: none;"> 
    <h4>Bahasa</h4> 
    <input type="text" class="form-control" placeholder="Nama prestasi" required="required" name="bahasa[]" value="<?php echo @$result->bahasa?>"> 

    <h4>Tingkat penguasaan</h4> 
    <?php 
     $dropdown = array(
     "[Tingkat penguasaan]"=>"[Tingkat penguasaan]", 
     "Basic"=>"Basic", 
     "Intermediate"=>"Intermediate", 
     "Advance"=>"Advance" 
     ); 
     echo form_dropdown("tingkat_penguasaan[]", $dropdown, @$result->tingkat_penguasaan, 'class="form-control" id="tingkat_penguasaan"'); 
    ?> 
    <h4>Skor</h4> 
    <input type="text" class="form-control" placeholder="Skor" name="skor[]" value="<?php echo @$result->skor?>"> 
    <br/> 
</div> 

そして、このいずれかのようなあなたのjQueryコードのすべてを置き換えます。私にとって

$('#tambah_field').click(function() { 
    $('#fields').append($(".tambah-form:eq(0)").clone(true)); 
    $('.tambah-form').eq(-1).find('input').val(''); 
    $('.tambah-form').eq(-1).find('select').val(''); 
    $('.tambah-form').eq(-1).removeAttr('style'); 
}); 

作品罰金。 Salamプログラマーインドネシア:)