EVOLUTION-NINJA
Edit File: insert.php
<?php //print_r($approved_by); //die(); ?> <!--error_reporting(E_ALL); ?>--> <script src="<?php echo base_url('assets/js/jquery.min.js'); ?>"></script> <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/jquery.jqGrid.min.js'); ?>"></script> <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/i18n/grid.locale-en.min.js'); ?>"></script> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.min.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('jqgrid/css/ui.jqgrid.min.css'); ?>" /> <script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script> <!-- Add these links to your HTML head section --> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" /> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script> <script> // $(document).ready(function(){ // //Chosen // $(".from_user").chosen({}); // //Logic // }); // $(document).ready(function(){ // //Chosen // $(".to_user").chosen({}); // //Logic // }); function planningtypes_dtl(type) { var product = document.getElementById("product_type").value; if(type=="dtl" ) { $("#outsourceDTL").show(); $("#outsourcePO").hide(); $("#out_article").hide(); $("#in_article").show(); // alert(type); if(product=='Yarn') { $("#tan").show(); $("#can").hide(); } } else if(type=="po") { // alert(type); $("#outsourceDTL").hide(); $("#outsourcePO").show(); $("#in_article").hide(); $("#out_article").show(); // $(".po_no").chosen({}); } } </script> <script> $(function () { $("#orderDate").datepicker({ dateFormat: "d-m-yy", changeMonth: true, changeYear: true }); }); $(function () { $("#requiredDate").datepicker({ dateFormat: "d-m-yy", changeMonth: true, changeYear: true }); }); </script> <style> .ui-jqgrid { text-transform: capitalize !important; } .tablediv { text-transform: uppercase !important; } .ui-jqgrid tr.jqgrow td{ text-transform: uppercase !important; } #ui-id-1 { width: 350px; top: 258px; overflow-x: hidden !important; overflow-y: scroll !important; height: 203px !important; } </style> <?php //include("menu.php"); ?> <!-- BEGIN CONTENT --> <div class="page-content-wrapper"> <div class="page-content"> <!-- BEGIN PAGE HEADER--> <!-- <h3 class="page-title"> Sample Request Form </h3> --> <div class="page-bar"> <ul class="page-breadcrumb"> <li><i class="fa fa-home"></i> <a href="<?php echo base_url();?>dashboard/dashboard_fun">Home</a> <i class="fa fa-angle-right"></i> <a href="<?php echo base_url('request/sample_request_form?prop_id=1'); ?>" > Sample Request </a></li> </ul> </div> <div class="portlet box blue-madison"> <form class="form-inline" enctype="multipart/form-data" action="<?php echo base_url('request/sample_data_upload');?>" method="post"> <input type="hidden" class="form-control ss col-sm-8" name="url_ref_val" > <input type = "hidden" name = "temp_name" id = "temp_name" value = "" /> <div class="row"> <div class="col-md-4 col-sm-12"> <div class="form-group col-sm-12 ss" id="outsource"> <input type="hidden" id="hidden" class="form-control ss col-sm-8" name="hiddem" > </div> <div class="form-group col-sm-12 ss" id="outsource"> <label class="col-sm-4 control-label ss">Case#</label> <?php $date = date('d.m.y'); $case = $insert_id." ".'DT'.".".$date; ?> <input type = "text" name = "casenum" id = "casenum" value = "<?php echo $case; ?>" readonly /> </div> <div class="form-group col-sm-12 ss"> <label class="col-sm-4 control-label ss">Product Type</label> <select name="product_type" id="product_type" class="form-control ss col-sm-8" onchange = "producttype()"> <option value="">--Select--</option> <option value="Fabric">Fabric</option> <option value="Yarn" >Yarn</option> </select> </div> <div id="fabric"> <div class="form-group col-sm-12 ss" id="outsource"> <label class="radio-inline" style="padding-left: 7px !important;margin-bottom: 10px !important;margin-top: 10px !important;"> <input type="radio" class="planningorder fw-bold" checked="checked" value="DTL#" name="planningorder1" id="planningorder1" onclick = "planningtypes_dtl('dtl')" /> DTL#</label> <label class="radio-inline" style="padding-left: 20px !important;margin-bottom: 10px !important;margin-top: 10px !important;"> <input type="radio" name="planningorder1" id = "planningorder1" class="planningorder fw-bold" value="PO#" onclick = "planningtypes_dtl('po')" /> PO#</label> </div> <div class="form-group col-sm-12 ss" id="outsourceDTL"> <label class="col-sm-4 control-label ss" id="can">DTL</label> <label class="col-sm-4 control-label ss" id="tan">WO-D</label> <select name="oslNo" id="oslNo" class="form-control dtl_no" style="height: 30px;" onchange="hand()" data-placeholder='Select'> <!--<datalist value="" id='oslNo'>--> <option value="" hidden></option> <!--</datalist>--> <!--?php foreach ($dnum as $osl) {--> <!-- ?>--> <!-- <option value="<?php echo $osl->oslNo; ?>" ><?php echo $osl->oslNo; ?></option> --> <!-- ?php--> <!--}--> <!--?>--> </select> </div> <div class="form-group col-sm-12 ss" id="outsourcePO"> <label class="col-sm-4 control-label ss">PO#</label> <select name="poNo" id="poNo" class="form-control po_no_class" style="height: 30px;" onchange="lefthand()"> <option value="">Select</option> <!--?php foreach ($pnum as $po) {--> <!-- ?>--> <!-- <option value="<?php echo $po->po_no; ?>"><?php echo $po->po_no; ?></option>--> <!-- ?php --> <!--}--> <!--?>--> </select> </div> <!--<div class="form-group col-sm-12 ss" id='production'> --> <!--<label class="radio-inline" style="padding-left: 7px !important;margin-bottom: 10px !important;margin-top: 10px !important;">--> <!-- <input type="radio" checked="checked" value="In-House" name="in_house_radio" id="in_house_radio" onclick ="articlechange('in_house')"/>--> <!-- In-House Productions</label> --> <!--<label class="radio-inline" style="padding-left: 20px !important;margin-bottom: 10px !important;margin-top: 10px !important;">--> <!-- <input type="radio" name="in_house_radio" class="in_house_radio" value="Out-Source" id="in_house_radio" onclick ="articlechange('out_house')"/>--> <!-- Out-Source Productions</label>--> <!--</div>--> <div class="form-group col-sm-12 ss" id="in_article"> <label class="col-sm-4 control-label ss">Product Name</label> <select name="in_house_article" id="in_house_article" class="form-control ss col-sm-8 in_aricle_no " onchange="fetchshade()"> <option value="">Select</option> </select> </div> <div class="form-group col-sm-12 ss" id="out_article"> <label class="col-sm-4 control-label ss">Product Name</label> <select name="out_house_article" id="out_house_article" class="form-control ss col-sm-8 out_aricle_no" onchange="fetchshade_po()"> <option value="">Select</option> </select> </div> <div class="form-group col-sm-12 ss" id="shade"> <label class="col-sm-4 control-label ss">Shade</label> <input type="text" id="shade_val" class="form-control ss col-sm-8" name="shade_val" > </div> <!--<div class="form-group col-sm-12 ss" id="design">--> <!-- <label class="col-sm-4 control-label ss">Design</label>--> <!-- <input type="text" id="design_val" class="form-control ss col-sm-8" name="design_val" >--> <!--</div>--> </div> </div> <div class="col-md-4 col-sm-12"> <div class="form-group col-sm-12 ss" id="from_users"> <label class="col-sm-4 control-label ss">From User</label> <select name="from_user" id="from_user" class="form-control ss col-sm-8"> <?php foreach ($users as $users_details) { if($approved_by == ($users_details->username)){ ?> <option value="<?php echo $users_details->name; ?>"><?php echo $users_details->name; ?></option> <?php } } ?> </select> </div> <div class="form-group col-sm-12 ss" id="from_users"> <label class="col-sm-4 control-label ss">To User</label> <select name="to_user" id="to_user" class="form-control ss col-sm-6 "> <option value="">Select</option> <option value="1">Select</option> <?php foreach ($users as $users_details) { if ($approved_by == ($users_details->username)) { ?> <?php } else { ?> <option value="<?php echo $users_details->name; ?>"><?php echo $users_details->name; ?></option> <?php } } ?> </select> </div> <div class="form-group col-sm-12 ss"> <label class="col-sm-4 control-label ss">Required Before</label> <input type="text" name="requiredDate" id="requiredDate" class="form-control ss col-sm-8" data-provide="datepicker" required="required"> </div> <div class="form-group col-sm-12 ss"> <label class="col-sm-4 control-label ss">Remarks:</label> <textarea id="remarks" name="remarks" rows="5" cols="65"></textarea> </div> </div> </div> <!--- row 1 ---> <div class="row" style="margin-top: 10px;"> <div class="col-sm-4"></div> <div class="col-sm-4"> <!-- <button type="submit" name="addnew" id="addnew" class="btn">Add New Product</button> --> <button type="submit" name="submitOrder" id="submitOrder" class="btn">Submit</button> <button type="button" onclick="remove()" class="btn">Clear</button> </div> <div class="col-sm-4"></div> <div class="grid"> <!-------- GQ Grid Start ---------------------------------------------------------------------------------> <div class="container"> </div> <!-------- GQ Grid END ---------------------------------------------------------------------------------> </div> </div> <!--- row 2 ---> </form> </div> <!-- END DASHBOARD STATS --> </div> </div> </div> <!-- End BEGIN CONTAINER --> <!-- BEGIN FOOTER --> <!-- BEGIN FOOTER --> <link rel="stylesheet" href="<?php echo base_url('assets/css/code_jquery.min.css');?>"> <script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script> <!--<script src="<?php echo base_url('assets/js/jquery.min.js'); ?>" type="text/javascript"></script>--> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.min.css'); ?>" /> <script> $("#submitOrder").click(function(e) { e.preventDefault(); var casenum = $("#casenum").val(); var product_type = $("#product_type").val(); var planningorder1 = $("input[name=planningorder1]:checked").val(); // DTL or PO var oslNo = ''; var poNo = ''; if(planningorder1 == 'DTL#'){ oslNo = $("#oslNo option:selected").text(); article = $("#in_house_article option:selected").text(); poNo = ''; } else if(planningorder1 == 'PO#'){ poNo = $("#poNo option:selected").text(); article = $("#out_house_article option:selected").text(); oslNo = ''; } var shade = $("#shade_val").val(); var from_user = $("#from_user").val(); var to_user = $("#to_user").val(); var requiredDate = $("#requiredDate").val(); var remarks = $("#remarks").val(); if(poNo == "" && oslNo == ""){ alert('Please select the DTL/PO number'); } // else if(article == ""){ // alert('Please select the article number'); // } else if(to_user == ""){ alert('Please select the to_user'); } else if(requiredDate == ""){ alert('Please select the requiredDate'); } else{ $.ajax({ url:"<?php echo base_url('quality_check/insert_quality_data');?>", type:"POST", data:{'casenum':casenum,'product_type':product_type,'oslNo':oslNo,'poNo':poNo,'article':article,'shade':shade,'from_user':from_user,'to_user':to_user,'requiredDate':requiredDate,'remarks':remarks}, async:false, success:function(data){ // alert(data); window.location.href = 'https://swansilk.co/decotextil/quality_check'; } }); } }); </script> <script> $(document).ready(function() { $( "#customer" ).autocomplete({ source: '<?php echo base_url('request/auto_sea'); ?>', }); }); $(document).ready(function() { $("#outsourceDTL").show(); $("#outsourcePO").hide(); $("#tan").hide(); $("#in_article").show(); $("#out_article").hide(); //$("#design").show(); }); </script> <script> function producttype() { var product_type = document.getElementById("product_type").value; //alert(product_type); var temp_type = document.getElementById("temp_name").value; if(temp_type != ''){ //alert('load page'); window.location.href = "https://swansilk.co/decotextil/quality_check/insert"; } else{ document.getElementById("temp_name").value = product_type; } if(product_type=="Fabric") { //alert(type); $("#production").show(); $("#in_article").show(); $("#out_article").hide(); //("#design").show(); $("#poNo").empty(); $('#oslNo').empty(); $.ajax({ type:'post', url:'<?php echo base_url("quality_check/fetch_dtl"); ?>', data:'', async:false, success: function (response1) { response1 = jQuery.parseJSON(response1); mode +='<option value = "">Select an Option</option>'; $('#oslNo').append(mode); console.log(response1); for(var i=0; i<response1.length; i++){ var mode = ''; mode +='<option value='+response1[i].id+'>'+response1[i].oslNo+'</option>'; $('#oslNo').append(mode); } } }); // $(".dtl_no").chosen({}); $.ajax({ type:'post', url:'<?php echo base_url("quality_check/fetch_po_no"); ?>'+"/"+product_type, data:'', async:false, success: function (response2) { //window.location.href = 'https://swansilk.co/decotextil/quality_check/insert'; response2 = jQuery.parseJSON(response2); console.log(response2); mode +='<option value = "">Select an Option</option>'; $('#poNo').append(mode); for(var i=0; i<response2.length; i++){ var mode = ''; mode +='<option value='+response2[i].id+'>'+response2[i].po_no+'</option>'; $('#poNo').append(mode); } } }); } else if(product_type=="Yarn") { //alert(type); $("#production").hide(); $("#in_article").show(); $("#out_article").hide(); $.ajax({ type:'post', url:'<?php echo base_url("quality_check/fetch_dtl_yarn"); ?>', data:'', async:false, success: function (response1) { response1 = jQuery.parseJSON(response1); console.log(response1); for(var i=0; i<response1.length; i++){ var mode = ''; mode +='<option value='+response1[i].id+'>'+response1[i].work_order_no+'</option>'; $('#oslNo').append(mode); } } }); // $(".dtl_no").chosen({}); $.ajax({ type:'post', url:'<?php echo base_url("quality_check/fetch_poNo_yarn"); ?>', data:'', async:false, success: function (response1) { response1 = jQuery.parseJSON(response1); mode +='<option value = "">Select an Option</option>'; $('#oslNo').append(mode); console.log(response1); for(var i=0; i<response1.length; i++){ var mode = ''; mode +='<option value='+response1[i].id+'>'+response1[i].po_no+'</option>'; $('#poNo').append(mode); } } }); //$("#design").hide(); } //$(".po_no_class").chosen({}); } </script> <style> .ss{ padding-right: 0 !important; padding-left: 0 !important; } .form-control { width:65% !important; height:27px !important; padding: 3px 12px !important; border-radius: 0px !important; //margin-bottom:15px; } label { font-weight: normal; text-align: left; } .hr-line{ border-top: 1px solid #465A81; } .well-sm { padding: 3px !important; border-radius: 0px !important; } input[type="file"] { padding-bottom: 28px !important; height: 25px !important; color:transparent; } .portlet.box.blue-madison { border: 1px solid #fff !important; border-top: 0; background:#fff !important; } .ui-jqgrid .ui-jqgrid-caption { text-align: left; background: rgb(72,91,127); color: white; } .ui-jqdialog .ui-jqdialog-titlebar { padding: .1em .1em; min-height: 35px; background: rgb(72,91,127); color: white; } .ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: -9px !important; } .ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: -9px !important; } #sData { height: 27px; } #cData { height: 27px; } #dData { height: 27px; } #eData { height: 27px; } .page-content a { color: #485b7f; float: right; } </style> <script> function outsource(product) { //alert(); $.ajax({ type: "post", url: "<?php echo base_url(); ?>marketing/getproducts", data: "articleNo=" + product, success: function (data) { // alert(); var objData = jQuery.parseJSON(data); // document.getElementById("design").value = objData.design; document.getElementById("quality").value = objData.arrArticleDet.product_description; document.getElementById("article_width").value = objData.arrArticleDet.width; document.getElementById("weight").value =objData.arrArticleDet.weight; document.getElementById("composition").value = objData.arrArticleDet.construction_details; } }); } function oslNo(oslNo) { // alert(articleNo); $.ajax({ type: "post", url: "<?php echo base_url(); ?>marketing/osln", data: "oslNo=" + oslNo, success: function (data) { var objData = jQuery.parseJSON(data); document.getElementById("DTL").value = objData.oslNo; } }); } </script> <!-----------------datepicker-------------> <!-- The link to the CSS that the grid needs --> <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/bootstrap-datepicker.min.css"/> <script src="<?php echo base_url();?>assets/js/bootstrap-datepicker.min.js"></script> <script> </script> <style type="text/css"> .ss{ padding-right: 0 !important; padding-left: 0 !important; } label { font-weight: normal; text-align: left; } .hr-line{ border-top: 1px solid #465A81; } .well-sm { padding: 3px !important; border-radius: 0px !important; } input[type="file"] { padding-bottom: 28px !important; height: 25px !important; color:transparent; } .portlet.box.blue-madison { border: 1px solid #fff !important; border-top: 0; background:#fff !important; } input[type=file] { display: none; } </style> <style> </style> <!-----------------datepicker-------------> <!-- The link to the CSS that the grid needs --> <link rel="stylesheet" href="<?php echo base_url('assets/css/code_jquery.min.css');?>"> <script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.min.css'); ?>" /> <script> $(document).ready(function() { $( "#customer" ).autocomplete({ source: '<?php echo base_url('request/auto_sea'); ?>', }); }); </script> <style> #list2_122_t { height:0px !important; } list2_136_t { height:12px !important; } .scroll { height:12px !important; } .ui-jqgrid-btable { } .ui-common-table { height:12px !important; } #refresh_list2 { display:none !important; } #client_edit { padding-right:18px !important; } #list2 { width: 1050px; height: 0px !important; } #gview_list2 { height: auto !important; } @media only screen and (min-width:320px) and (max-width:641px){ .ui-jqgrid { margin-left: 1px !important; } #jaytab{ margin-top: 0 !important; margin-left: 0 !important; overflow-x: scroll; width: 100% !important; padding-left: 0 !important; } #editmodlist2 { width:90% !important; } #sData span, #cData span { margin-left: 0 !important; } } @media only screen and (min-width:641px) and (max-width:991px){ .ui-jqgrid { margin-left: 1px !important; } #jaytab{ margin-top: 0 !important; margin-left: 0 !important; overflow-x: scroll; width: 100% !important; padding-left:0 !important; padding-right:9px !important; } } </style> <script> function remove() { var customer=$("#customer").val(''); var date=$("#orderDate").val(''); var product_type=$("#product_type").val(''); var description=$("#description").val(''); var size=$("#size").val(''); var min_quality=$("#min_quality").val(''); var customer_id=$("#customer_id").val(''); var currency= $("#currency").val(''); var article=$("#article").val(''); var design=$("#design").val(''); var price=$("#price").val(''); var image=$("#image").val(''); var reference= $("#reference").val(''); var terms=$("#terms").val(''); var quality= $("#quality").val(''); var color=$("#color").val(''); var composition=$("#composition").val(''); var note=$("#note").val(''); var article_price=$("#article_price").val(''); var article_width=$("#article_width").val(''); $("#weight").val(''); $(".art").val(''); } function planningtypes(type) { if(type=="In-House Productions") { //alert(type); $("#inhouse").show(); $("#outsource").hide(); } else if(type=="Out-Source Productions") { //alert(type); $("#inhouse").hide(); $("#outsource").show(); } } function hand() { var product_type = document.getElementById("product_type").value; //alert(product_type); if(product_type=="Fabric") { $("#in_house_article").empty(); var m=$('#oslNo').val(); // alert(m); $.ajax({ type:'post', url:'<?php echo base_url("planning/planned_order_id/s"); ?>'+m, data:{m:m}, async:false, success: function (response2) { //window.location.href = 'https://swansilk.co/decotextil/quality_check/insert'; response2 = jQuery.parseJSON(response2); console.log(response2); mode +='<option value = "">Select an Option</option>'; $('#in_house_article').append(mode); for(var i=0; i<response2.length; i++){ var mode = ''; //var text = response2[i].articleNo; mode +='<option value = '+response2[i].id+'>'+response2[i].articleNo+" - "+response2[i].shadeName+'</option>'; $('#in_house_article').append(mode); } } }); //$(".in_aricle_no").chosen({}); } else if(product_type=="Yarn") { var m=$('#oslNo').val(); $.ajax({ type:'post', url:'<?php echo base_url("quality_check/product"); ?>', data:{m:m}, async:false, success: function (response6) { //window.location.href = 'https://swansilk.co/decotextil/quality_check/insert'; response6 = jQuery.parseJSON(response6); console.log(response6); mode +='<option value = "">Select an Option</option>'; $('#in_house_article').append(mode); for(var i=0; i<response6.length; i++){ var mode = ''; //var text = response2[i].articleNo; mode +='<option value = '+response6[i].id+'>'+response6[i].yarn_details+' - '+response6[i].ourshade+'</option>'; $('#in_house_article').append(mode); } } }); } } function lefthand(){ var product_type = document.getElementById("product_type").value; //alert(product_type); $("#out_house_article").empty(); if(product_type=="Fabric") { var m=$('#poNo').val(); // alert(m); $.ajax({ type:'post', url:'<?php echo base_url("quality_check/product_type1"); ?>', data:{m:m}, async:false, success: function (response7) { //window.location.href = 'https://swansilk.co/decotextil/quality_check/insert'; response7 = jQuery.parseJSON(response7); console.log(response7); mode +='<option value = "">Select an Option</option>'; $('#out_house_article').append(mode); for(var i=0; i<response7.length; i++){ var mode = ''; mode +='<option value='+response7[i].id+'>'+response7[i].product_name+'</option>'; $('#out_house_article').append(mode); } } }); // $(".out_aricle_no").chosen({}); } else if(product_type=="Yarn") { // $("#out_house_article").selectedIndex=0; var m=$('#poNo').val(); // alert(m); $.ajax({ type:'post', url:'<?php echo base_url("quality_check/product_type1"); ?>', data:{m:m}, async:false, success: function (response8) { //window.location.href = 'https://swansilk.co/decotextil/quality_check/insert'; response8 = jQuery.parseJSON(response8); console.log(response8); mode +='<option value = "">Select an Option</option>'; $('#out_house_article').append(mode); for(var i=0; i<response8.length; i++){ var mode = ''; mode +='<option value='+response8[i].id+'>'+response8[i].product_name+'</option>'; $('#out_house_article').append(mode); } } }); // $(".out_aricle_no").chosen({}); } } function fetchshade(){ var product_type = document.getElementById("product_type").value; // alert(product_type); if(product_type=="Fabric") { var m=$('#in_house_article').val(); $.ajax({ type:'post', url:'<?php echo base_url("quality_check/get_shade"); ?>'+'/'+m, data:{m:m}, async:false, success: function (response2) { response2 = jQuery.parseJSON(response2); var shade = response2[0].buyerShade; $('#shade_val').val(shade); } }); } else if(product_type=="Yarn") { var m=$('#in_house_article').val(); // alert(m); $.ajax({ type:'post', url:'<?php echo base_url("quality_check/product"); ?>'+'/'+m, data:{m:m}, async:false, success: function (response2) { response2 = jQuery.parseJSON(response2); var shade = response2[0].warp_color; // alert(shade); $('#shade_val').val(shade); } }); } } function fetchshade_po(){ var product_type = document.getElementById("product_type").value; // alert(product_type); $("#shade_val").empty(); if(product_type=="Fabric") { var m=$('#out_house_article').val(); // alert(m); $.ajax({ type:'post', url:'<?php echo base_url("quality_check/product_type1"); ?>'+'/'+m, data:{m:m}, async:false, success: function (response12) { response12 = jQuery.parseJSON(response12); var shade = response12[0].shades; $('#shade_val').val(shade); } }); } else if(product_type=="Yarn") { var m=$('#out_house_article').val(); $.ajax({ type:'post', url:'<?php echo base_url("quality_check/product_type2"); ?>'+'/'+m, data:{m:m}, async:false, success: function (response13) { response13 = jQuery.parseJSON(response13); var shade = response13[0].yarn_dyed_shade+"//"+response13[0].color_code; $('#shade_val').val(shade); } }); } } </script> <script> // Add this script to initialize Select2 $(document).ready(function () { $('#to_user').select2({ placeholder: 'Select', allowClear: true, width: '65%', escapeMarkup: function (markup) { return markup; } }); }); </script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script> <script> $(document).ready(function () { $('#poNo').select2({ placeholder: 'Select', allowClear: true, width: '65%', escapeMarkup: function (markup) { return markup; } }); }); </script> <script> $(document).ready(function() { $('.dtl_no').select2({ placeholder: 'Select', allowClear: true // Add this if you want a clear button }); }); </script> <style> .page-content a { float: none; } </style>