Giter VIP home page Giter VIP logo

Comments (1)

OlegChuev avatar OlegChuev commented on June 21, 2024

Hi @AttilioIurlaro! I hope you're doing great!

If this request is still relevant to you or any newcomers, you can easily do something like this

  1. First, create your nice-select2 instance and add an event listener:
  const niceSelectInstance = new NiceSelect(yourElement)
  const inputField = niceSelectInstance.dropdown.querySelector('.nice-select-search')
  
  inputField.addEventListener('input', () => {
    fetchAjaxData(yourElement, niceSelectInstance)
  })
  1. And now you can manipulate the instance of the nice-select2 in your callback, so you can do something like this:
  async fetchAjaxData (element, niceSelectInstance) {
    try {
      const reqPath = yourAjaxReqPath;
      const response = await fetch(reqPath, { headers: { accept: 'application/json' } });
      const data = await response.json();
  
      data.forEach((elem, i) => {
        element.options[i] = new Option(elem[0], elem[1]);
      });
  
      niceSelectInstance.update();
    } catch (error) {
      console.error(error);
      // Handle error if needed
    }
  }

I've attached GIF of how niceSelectInstance.update(); behaves, but on slightly different case 🙂
modal

from nice-select2.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.