Я столкнулся с проблемой на веб-странице, если проблема с модальным классом не отобразит данные на веб-странице. На выходе получается пустая страница. Ниже моя кодировка:
<div id="treatment_div" class="modal fade secondary-modal" style="z-index: 1600;">
<div class="modal-dialog col-lg-12">
<div class="modal-content col-lg-12" style="left:15%;margin-right:auto;width:1000px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Add Treatment</h4>
</div>
<form id="treatment_form">
<div class="col-lg-12">
<label for="text1" class="form-group control-label col-lg-2 padding_top">Category : </label>
<div class="col-lg-4 padding_top">
<select name="treatment_category_name" id="treatment_category_name" class="form-control form-group required" onchange="get_select('treatment_form', 'treatment', 'treatment_id', 'treatment_category_name');">
<option value="">Please Select</option>
<option value="0">All</option>
<?php
$sql = 'Select * from treatment_category_list where id not in (17,18,24) order by name';
$arr_sql = db_conn_select($sql);
foreach ($arr_sql as $rs_sql) {
echo '<option value="' . $rs_sql['name'] . '">' . special_char_display_arr(ucwords(strtolower($rs_sql['name']))) . '</option>';
}
?>
</select>
</div>
<label for="text1" class="form-group control-label col-lg-2 padding_top">Item : </label>
<div class="col-lg-4 padding_top">
<select name="treatment_id" id="treatment_id" class="form-control form-group required" onchange="get_treatment_price();
get_select('treatment_form', 'procedure', 'procedure_id', 'treatment_id');">
<option value="">Please Select</option>
</select>
</div>
<label for="text1" class="form-group control-label col-lg-2">Procedure : </label>
<div class="col-lg-4">
<select name="treatment_procedure_id" id="procedure_id" class="form-control form-group" onchange="get_procedure_price();">
<option value="">Please Select</option>
</select>
</div>
<label for="text1" class="form-group control-label col-lg-2">Quantity : </label>
<div class="col-lg-4">
<input name="treatment_quantity" id="treatment_quantity" value="1" class="form-control form-group required" placeholder="" onkeypress="return isAmountKey(event);">
</div>
<label for="text1" class="form-group control-label col-lg-2">Unit Price : </label>
<div class="col-lg-4">
<input name="treatment_price" id="treatment_price" class="form-control form-group required" placeholder="" onkeypress="return isAmountKey(event);">
</div>
<label for="text1" class="form-group control-label col-lg-2">Tooth No : </label>
<div class="col-lg-4">
<input name="treatment_tooth_no" id="treatment_tooth_no" class="form-control form-group" placeholder="">
</div>
<!-- <label for="text1" class="form-group control-label col-lg-2">Surface : </label>
<div class="col-lg-4">
<input name="treatment_surface" id="treatment_surface" class="form-control form-group" placeholder="" onblur="capitalize(this.id, this.value);">
</div>-->
<label for="text1" class="form-group control-label col-lg-2">Remark : </label>
<div class="col-lg-4">
<textarea name="treatment_remark" id="treatment_remark" class="form-control form-group" placeholder=""></textarea>
<input name="billing_id" id="billing_id" type="hidden">
<input name="billing_type_id" id="billing_type_id" type="hidden">
<input name="select_id" id="select_id" type="hidden">
</div>
</div>
</form>
<div class="col-lg-12" style="text-align:center;padding-bottom:20px;">
<button id="search" type="button" class="btn btn-sm btn-primary" onclick="add_treatment2();">Add</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
Если я пытаюсь удалить 1 класс modal fade secondary-modal
в. Это может показать мне, как показано ниже:
Любой может подсказать мне, как решить проблему, которую я могу использовать с классом. Спасибо. много.