You can try my setup here.
Prompt this into your AI component as a first prompt.
<body x-data="state" class="" :class="{ 'cursor-pointer': hasBodyAction }" style="height: auto !important;" data-iframe-overflow="">
<div x-show="themeLoaded" class="@container w-full body-base antialiased" style="">
<div :class="{ 'px-4 py-1 sm:px-5 md:px-6 lg:px-7 xl:px-8': mode === 'standalone' }" class="px-4 py-1 sm:px-5 md:px-6 lg:px-7 xl:px-8">
<div class="w-full">
<label for="license-plate" class="block text-[rgba(0,0,0,0.95)] text-xs font-semibold mb-2 text-[12px]">
14. License Plate No.<span class="text-[11px] font-medium text-[rgba(51,51,51,0.70)] px-2 py-1 rounded-full">Required</span>
</label>
<div x-data="{ suggestions: [] }" class="relative">
<input type="text" id="license-plate" x-model.trim="inputPlate" x-on:input="suggestions = inputPlate ? platesBase.split(',').map(plate => plate.trim()).filter(plate => new RegExp(inputPlate, 'i').test(plate)).slice(0, 5) : []" class="w-full px-4 py-2 bg-[#e3e3e3] text-gray-900 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent text-sm" placeholder="Enter license plate number">
<ul x-show="suggestions.length > 0" class="absolute z-10 w-full mt-1 bg-background border border-gray-200 rounded-lg shadow-lg" data-iframe-overflow="" style="display: none;">
<template x-for="suggestion in suggestions" :key="suggestion">
<li x-text="suggestion" @click="inputPlate = suggestion.trim(); suggestions = []" class="px-4 py-2 cursor-pointer hover:bg-gray-100 text-gray-600"></li>
</template>
</ul>
</div>
</div>
</div>
</div>
<script src="//cdn.jsdelivr.net/npm/@iframe-resizer/child@5.2.1"></script>
<div style="clear: both; display: block; height: 0px;"></div></body>
Then connect two things:
A comma-delimited column of your choices.
A field where you want the choice to write to.
