start copy from cimac web

2026-05-14 08:47:13 +02:00
commit dfc6ed40ae
3624 changed files with 899295 additions and 0 deletions
@@ -0,0 +1,80 @@
+<?php
+ include('include/headscript.php'); ?>
+
+<!DOCTYPE html>
+<html>
+<head>
+    <title>PHP - How to make dependent dropdown list using jquery Ajax?</title>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+    <link rel="stylesheet" href="http://demo.itsolutionstuff.com/plugin/bootstrap-3.min.css">
+</head>
+<body>
+
+
+<div class="container">
+    <div class="panel panel-default">
+      <div class="panel-heading">Select State and get bellow Related City</div>
+      <div class="panel-body">
+            <div class="form-group">
+                <label for="title">Select State:</label>
+                <select name="state" class="form-control">
+                    <option value="">--- Select State ---</option>
+
+
+                    <?php
+                        
+                        $sql = "SELECT * FROM article_type"; 
+                        $result = $mysqli->query($cmctrfdb);
+                        while($row = $result->fetch_assoc()){
+                            echo "<option value='".$row['idarticletype']."'>".$row['name_articletype']."</option>";
+                        }
+                    ?>
+
+
+                </select>
+            </div>
+
+
+            <div class="form-group">
+                <label for="title">Select City:</label>
+                <select name="city" class="form-control" style="width:350px">
+                </select>
+            </div>
+
+
+      </div>
+    </div>
+</div>
+
+
+<script>
+$( "select[name='state']" ).change(function () {
+    var stateID = $(this).val();
+
+
+    if(stateID) {
+
+
+        $.ajax({
+            url: "ajaxpro.php",
+            dataType: 'Json',
+            data: {'id':stateID},
+            success: function(data) {
+                $('select[name="city"]').empty();
+                $.each(data, function(key, value) {
+                    $('select[name="city"]').append('<option value="'+ key +'">'+ value +'</option>');
+                });
+            }
+        });
+
+
+    }else{
+        $('select[name="city"]').empty();
+    }
+});
+</script>
+
+
+</body>
+</html>