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.
Formuna #form id si verip aşağıdaki gibi dener misiniz? Veri başarıyla URL de okunuyorsa GET uygulamanda sorun yok. Veriyi nasıl çekmeye/kaydetmeye çalıştığın kısım problemli.
$("#form").on("submit", function(e){
$.ajax({
url: '/',
type: 'get',
data: autocomplete._selectedOption
});
e.preventDefault();
});
Fakat dediğim gibi bu şekilde bir submit işlemi sağlıklı mı değil mi emin değilim, dikkatinizde olsun.