2017-05-28 4 views
-2

私はインターネット上でより多くのソリューションを見つけましたが、私の場合は何も得られませんでした!innerhtmlのphpからjavascriptに変換

foreach私は、PHPで構築されたSelectのオプションを生成します。そのPHPをjQueryのinnerHtmlに使用したいと思います。

PHP

<select class="selectpicker" data-show-subtext="true" data-live-search="true" id="select_product" name="select_product[]""> 
    <?php 
     foreach($order as $row): 
     echo"<option value ='$row->p_id'>".$row->p_name. "</option>"; 
     endforeach; 
      ?> 
    </select> 

私は

InnerHtml=?

を働いていた現在のスクリプトこの内部を追加する

<script > 

var room = 1; 
function education_fields() { 

    room++; 
    var objTo = document.getElementById('education_fields') 
    var divtest = document.createElement("div"); 
    divtest.setAttribute("class", "form-group removeclass"+room); 
    var rdiv = 'removeclass'+room; 
    divtest.innerHTML = '<div class="col-sm-3 nopadding"><div class="form-group"> <input type="text" class="form-control" id="select_product" name="select_product[]" value="" placeholder="product"></div></div><div class="col-sm-3 nopadding"><div class="form-group"> <input type="text" class="form-control" id="Major" name="Major[]" value="" placeholder="Major"></div></div><div class="col-sm-3 nopadding"><div class="form-group"> <input type="text" class="form-control" id="Degree" name="Degree[]" value="" placeholder="Degree"></div></div><div class="col-sm-3 nopadding"><div class="form-group"><div class="input-group"> <select class="form-control" id="educationDate" name="educationDate[]"><option value="">Date</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option> </select><div class="input-group-btn"> <button class="btn btn-danger" type="button" onclick="remove_education_fields('+ room +');"> <span class="glyphicon glyphicon-minus" aria-hidden="true"></span> </button></div></div></div></div><div class="clear"></div>'; 

    objTo.appendChild(divtest) 
} 
function remove_education_fields(rid) { 
    $('.removeclass'+rid).remove(); 
} 
</script> 
+1

jquery codeはどこですか? jqueryの中でPHPを使いたいですか? –

+0

質問更新されました。ここで使用します** divtest.innerHTML ** – Syam

+0

'ajax'をよく使う – Ukasyah

答えて

1

試してJS変数内でそのコードをコピーし、それを呼び出そうとしましたが、ありませんあなたのスクリプト

<select class="selectpicker" data-show-subtext="true" data-live-search="true" id="select_product" name="select_product[]""> 
          <?php foreach($order as $row){ ?> 
           <option value ="<?php echo $row->p_id; ?>"><?php echo $row->p_name; ?></option> 
          <?php } ?> 
         </select> 
+0

ありがとう、しかしInnerHtmlではselectpickerクラスが無効になっていて、 – Syam

+0

あなたが何を求めているのか分かりません –

+0

クラスセレクタは '