кнопка отправки не работает в модальном всплывающем окне начальной загрузки - PullRequest
Новая
       21

кнопка отправки не работает в модальном всплывающем окне начальной загрузки

0 голосов
/ 22 сентября 2019

Когда я нажимаю кнопку «Отправить», кнопка не работает, пожалуйста, проверьте мой код. Я хочу, чтобы при нажатии на кнопку форма не работала, мой код в php 

 <div id="dataModal" class="modal fade">  
      <div class="modal-dialog modal-lg">  
           <div class="modal-content">  
                <div class="modal-header">  
                     <button type="button" class="close" data-dismiss="modal">&times;</button>  
                     <h4 class="modal-title">Employee Details</h4>  
                </div>  
                <div class="modal-body" id="employee_detail">  
                </div>  
                <div class="modal-footer">  
                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>  
                </div>  
           </div>  
      </div>  
 </div>  
 //////////////////////Fetch.php page /////////////////////////
  <?php  
 $table_id=$_POST["employee_id"];
if(isset($_POST['submit'])){
	$state=$_POST['state'];
	$city=$_POST['city'];
	$qty=$_POST['qty'];
	$total=$_POST['total'];
	include('ajax_db.php');
    
    //insert form data in the database
    $insert = $db->query("INSERT INTO book_dises(table_id,state,city,qty,total) VALUES ('".$table_id."','".$state."','".$city."','".$qty."','".$total."')");
    
    echo $insert?'ok':'err';
}
 ?>
 <script>
function getState(val) {
	$.ajax({
	type: "POST",
	url: "getState.php",
	data:'country_id='+val,
	success: function(data){
		$("#state-list").html(data);
		getCity();
	}
	});
}

$('#qty, #price').on('input',function() {
    var qty = parseInt($('#qty').val());
    var price = parseFloat($('#state-list').val());
    $('#total').val((qty * price ? qty * price : 0).toFixed(2));
});
</script>

	<div id='loadingmessage' style='display:none'>
 <center> <img src='../ajaxloader.gif'/ width="60" height="60"></center>
</div>
<p class="statusMsg"></p>
   <table class="table table-bordered">
    <thead>
      <tr>
        <th>Dishes Name</th>
        <th>Price</th>
        <th>Quanty</th>
        <th>Total Price</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>		 
<form enctype="multipart/form-data" action="a.php"  method="post">
<input type="text" class="form-control" name="table_id" id='table_id' value="<?php echo $table_id;?>">
		<?php
require_once ("dbcontroller.php");
$db_handle = new DBController();
$query ="SELECT * FROM res_diseases";
$results = $db_handle->runQuery($query);
?>
					<select class="form-control demoInputBox"  id="country-list" 
                onChange="getState(this.value);" required name="state">
				 <option value disabled selected>Select Dishes</option>
                          <?php
foreach($results as $country) {
?>
                <option value="<?php echo $country["id"]; ?>"><?php echo $country["diseases"]; ?></option>
                <?php
}
?>
                        </select></td>
        <td>		
		<select class="form-control demoInputBox" name="city" id="state-list"  onChange="getCity(this.value);" required>
        
        </select></td>
        <td><input type="text" class="form-control" name="qty" id='qty' placeholder="Quanty" required></td>
        <td><input type="text" class="form-control" name="total" readonly id="total" placeholder="Total Price"></td>
      </tr>
   <tr><td colspan=4><center><input type="submit" class="btn btn-info" value="Save" name="submit"></center></td></tr>
   </form>
    </tbody>
  </table>

Когда я нажимаю кнопку «Отправить», кнопка не работает, проверьте мой код. Я хочу, чтобы при нажатии на кнопку форма не работала, мой код в php

Когда я нажимаю кнопку «Отправить», кнопка не работает, пожалуйста, проверьте мой код. Я хочу, чтобы при нажатии на кнопку форма не работала, мой код в php

1 Ответ

0 голосов
/ 22 сентября 2019

вы можете попробовать это js 

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

или

...