diff --git a/ckanext/scheming/templates/scheming/form_snippets/custom.html b/ckanext/scheming/templates/scheming/form_snippets/custom.html
new file mode 100644
index 00000000..819231fe
--- /dev/null
+++ b/ckanext/scheming/templates/scheming/form_snippets/custom.html
@@ -0,0 +1,48 @@
+{% import 'macros/form.html' as form %}
+    
+
+    {{ form.select('country', label=_('Country'), options=[{'name':'France', 'value': 'France'},{'name': 'Austria', 'value': 'Austria'}], selected='Austria', error='') }}
+    {{ form.select('city', label=_('City'), options='', error='') }}
+    <!-- <form>
+        <label for="country">Select Country:</label>
+        <select id="country">
+            <option value="">Select a country</option>
+            <option value="France">France</option>
+            <option value="Austria">Austria</option>
+        </select>
+
+        <label for="city">Select City:</label>
+        <select id="city">
+            <option value="">Select a city</option>
+        </select>
+    </form> -->
+
+
+<script>
+    document.addEventListener('DOMContentLoaded', function() {
+        const cityOptions = {
+            France: ['Paris', 'Lyon', 'Marseille', 'Nice'],
+            Austria: ['Vienna', 'Salzburg', 'Graz', 'Innsbruck']
+        };
+
+        const countrySelect = document.getElementById('country');
+        const citySelect = document.getElementById('city');
+
+        countrySelect.addEventListener('change', function() {
+            const selectedCountry = countrySelect.value;
+            const cities = cityOptions[selectedCountry] || [];
+            citySelect.innerHTML = '<option value="">Select a city</option>'; // Reset the city dropdown
+
+            cities.forEach(function(city) {
+                const option = document.createElement('option');
+                option.value = city;
+                option.textContent = city;
+                citySelect.appendChild(option);
+            });
+        });
+    });
+</script>
+
+
+
+