JS Select Yardım!
Merhaba!
Arkadaşlar aşağıda ki yazılı formu yine aşağıda yazılı JS ile veritabanından çok rahat çekiyorum ve herhangi bi sıkıntı yok.
Fakat form aracılığı ile ne veri tabanına kaydede biliyorum. Nede GET uygulayarak veriyi çekebiliyorum.
Yardımcı olabilirmisiniz?
<form method="GET">
<h3>Autocomplete:</h3>
<output name="cek" class="autocomplete-select"></output>
<button type="submit">Çek</button>
</form>
<script>
var autocomplete = new SelectPure(".autocomplete-select", {
options: [
{
label: "Barbina",
value: "ba",
},
{
label: "Bigoli",
value: "bg",
},
{
label: "Bucatini",
value: "bu",
},
{
label: "Busiate",
value: "bus",
},
{
label: "Capellini",
value: "cp",
},
],
multiple: false,
autocomplete: true,
onChange: value => { console.log(value); },
classNames: {
select: "select-pure__select",
dropdownShown: "select-pure__select--opened",
multiselect: "select-pure__select--multiple",
label: "select-pure__label",
placeholder: "select-pure__placeholder",
dropdown: "select-pure__options",
option: "select-pure__option",
autocompleteInput: "select-pure__autocomplete",
selectedLabel: "select-pure__selected-label",
selectedOption: "select-pure__option--selected",
placeholderHidden: "select-pure__placeholder--hidden",
optionHidden: "select-pure__option--hidden",
}
});
</script>
DEMO için https://codepen.io/qran7/pen/RwKdaMx burayı ziyaret edebilirsiniz.
Sağlıklı veya doğru bir çözüm müdür bilmem ama gördüğüm kadarıyla selected value ya autocomplete._selectedOption.value
ile erişebilirsin. Submit işlemi gerçekleştiğinde arkada AJAX ile bu veriyi gönderebilirsin.