0

como quitar el buscador de un select de bootstrap?
select quitar buscar Solo quiero que aparezca el listado.

<div class="form-group col-md-3">
            <label class="control-label">Talla</label>
            <select class="form-control input-sm selectpicker" name="Datos[plan]" data-error="Es un campo obligatorio" data-live-search="true" required="required" id="plan">                           
                  <option value="1">indistinto</option>
                  <option value="2">5</option>
                  <option value="3">7</option>
                  <option value="4">9</option>
              </select>
          </div>

js
$('.selectpicker').selectpicker({style: 'btn-success btn-sm',size: 4,noneSelectedText: 'Seleccionar un elemento', liveSearchPlaceholder:'Buscar',noneResultsText: '¡No existe el elemento buscado!',countSelectedText:'{0} elementos seleccionados',actionsBox:true,selectAllText: 'Seleccionar todos',deselectAllText: 'Deseleccionar todos'});

librerias

    <!-- Bootstrap select js -->
<script src="../../../assets/js/bootstrap/bootstrap-select.min.js"></script>
7
  • Y si intentas quitándole esto liveSearchPlaceholder:'Buscar', o dejándolo vacío en la configuración que tienes? el 28 nov. 2017 a las 18:05
  • eso es para el placeholder del campo buscar ¿dejandolo vacio donde? el 28 nov. 2017 a las 18:07
  • Lo que estás diciendo es que quieres quitar ese placeholder no ? si no es eso no entiendo tu pregunta y vacío es esto liveSearchPlaceholder:'' el 28 nov. 2017 a las 18:07
  • quitar el search el buscador , lo que tu me dijiste ya lo hice antes y solo quita las palabra de buscar el 28 nov. 2017 a las 18:08
  • 1
    Ahhh entiendo, entonces a tu configuración pásale este parámetro: liveSearch: false el 28 nov. 2017 a las 18:10

1 respuesta 1

1

Lo que debes hacer es simplemente configurar tu selectpicker como lo desees, los parámetros de configuración los puedes ver en Options Bootstrap-Select

Ahora para deshabilitar el buscador del select utilizaremos el parámetro liveSearch y le daremos un valor de false y eliminamos el parámetro liveSearchPlaceholder por que ya no lo vamos a necesitar, quedando tu código así:

$('.selectpicker').selectpicker({
    style: 'btn-success btn-sm',
    size: 4,
    noneSelectedText: 'Seleccionar un elemento',
    noneResultsText: '¡No existe el elemento buscado!',
    countSelectedText:'{0} elementos seleccionados',
    actionsBox:true,
    selectAllText: 'Seleccionar todos',
    deselectAllText: 'Deseleccionar todos',
    liveSearch: false
});

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.