Как использовать условный ввод в форме начальной загрузки 4, используя Ajax в PHP? - PullRequest
Новая
       1

Как использовать условный ввод в форме начальной загрузки 4, используя Ajax в PHP?

0 голосов
/ 07 декабря 2018

Я использую условную форму в php, которая работает нормально, но когда я вызываю модель, содержащую форму, используя ajax ... поля условия не работают.не знаю, что не так ... может кто-нибудь помочь мне здесь

это моя функция вызова 

<script>
function addProd(str) {
    if (str == "") {
        document.getElementById("addproductblock").innerHTML = "";
        return;
    } else { 
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("addproductblock").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET","functions/test.php?pid="+str,true);
        xmlhttp.send();
    }
}
</script>

кнопка для вызова функции 

<a onClick="addProd(<?php echo $row_product['productid']; ?>)" href="#addproduct" data-toggle="modal" class="btn btn-danger  btn-sm make-favorite"> <i class="fa fa-certificate"></i><span>Add To Store</span> </a>

модель 

<div class="modal fade" id="addproduct" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div id="addproductblock"></div>
        </div>
    </div>
</div>

и файл Get для ajax test.php 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="../js/conditionize.flexible.jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.conditional').conditionize();
    });
</script>
<style type="text/css">.msg {color:red;}</style>
<div class="modal-header">
   <h4 class="modal-title"><i class=" icon-mail-2"></i>Adding </h4>
   <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span
      class="sr-only">Close</span></button>
</div>
<div class="modal-body">
   <form role="form">
      <div class="form-group">
         <p><label><input type="checkbox" name="homedel" id="homedel"> Home delivery</label></p>
         <p class="conditional" data-condition="#homedel">
            <label>
            <input type="radio" name="homedeltyp" value="paid" id="homedeltyp_0">
            Paid home delivery</label>
            <br>
            <label>
            <input type="radio" name="homedeltyp" value="free" id="homedeltyp_1">
            Free home delivery</label>
            <br>
         </p>
         <p class="conditional" data-condition="#homedel && homedeltyp">
            <input type="checkbox" name="cod" id="cod"> Cash on delivery</label>
         </p>
      </div>
      <div class="modal-footer">
         <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
         <button type="submit" class="btn btn-success pull-right">Send message!</button>
      </div>
   </form>
</div>
...