v2.5.2
Giriş yap

JS Select Yardım!

acemisofer
531 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.

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.