JS Select Yardım!

acemisofer 1306 gün önce

530 defa görüntülendi ve 1 kişi tarafından değerlendirildi

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.

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (3)

ilyasbilgihan

1305 gün önce

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.

#004671

acemisofer

1306 gün önce

İlginiz için teşekkür ederim hocam. Fakat onuda denedim POST veya GET ile veriyi çekemiyorum.

#004669

ilyasbilgihan

1306 gün önce

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.

#004668