Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

bhojkamal's avatar

What is the best options for dropdown search box in select option in vue.js 3

Hello, I need a dropdown select search box in select option for input in form. e.g.

I am using bootstrap 5 and Vue.js 3 in my application. Please suggest me the best solution. I have found the vue-search-select, vue-next-select but they are not working for Vue.js 3.

<label class="col-lg-2 my-1 col-form-label" for="hospital_id">Select Hospital:</label>
        <div class="col-lg-4 my-1">
          <select class="form-control " v-model="patient.hospital_id"
            name="hospital_id" required  data-live-search="true">
            <option value="" selected>Select Hospital</option>
            <option v-for="hos in hospitals" :key="hos.id" :value="hos.id">{{ hos.name }}</option>
          </select> 
        </div>

I will appreciate with best example. Thanks in advance.

0 likes
0 replies

Please or to participate in this conversation.