Bootstrap selectPicker

Marque un pequeño problema encontrado usando Bootstrap SelectPicker y úselo como la próxima vez que verifique el error

 $ ('. puede actualizar la pantalla

Marque la pregunta: El valio de conjunto debe ser el valor de valor en la opción, y si se usa el nombre, ¿por qué no surta efecto?

PD: Seleccione Embellamiento (Bootstrap)

Archivos que necesitan ser introducidos:

bootstrap-combinado.min.css

bootstrap-select.css

bootstrap-select.js

Así como varios archivos Bootstarp de uso común como bootstrap.min.js

lograr:

1. Agregue la clase o ID en la etiqueta <select>. Se recomienda agregar clase porque la clase se puede repetir;

2. Agregue el método de inicialización al archivo JS:

 initfnc: function () {$ (". SelectPicker"). SELECTPICKER ({nonseLectedText: 'por favor seleccione'});}

¡Llamar a este método durante la inicialización externa está bien!

La imagen a continuación está embellecida: no es muy buena, ¡pero creo que es mucho mejor que antes!

Sin embargo, hay varios problemas con este complemento de embellecimiento:

En realidad, no hay muchos, pero creo que este problema es muy complicado. Después de usar este método para embellecerlo, se mostrará el <select> asignado dinámicamente. Creo que debería ser así: Bootstrap-Select.js Muestra <Select> sin la opción 'Ingrese', de modo que la opción asignada dinámicamente no se puede escribir en. Si no se puede solucionar el ajuste seleccionado: 'Seleccione', ¡entonces este problema debe resolverse!

Después de varias horas de investigación, se encontró el problema, pero solo uno de ellos se resolvió;

Al llamar a JS, debe esperar hasta que se cargue la opción de selección en la superficie antes de llamar

 initfnc: function () {$ (". SelectPicker"). SELECTPICKER ({nonseLectedText: 'por favor seleccione'});}

De esta manera, la asignación de selección dinámica también puede embellecer, pero todavía hay un problema: no todas las selecciones en la página se pueden cargar todo cuando se inicializa la página. Por ejemplo, ahora hay dos opciones de selección vinculadas, es decir, la opción de la segunda selección debe cambiar de acuerdo con la primera y agregar monitoreo Onchange o Cambio en JS; Si embellece de esta manera, ¡habrá problemas!

Lo anterior es el conocimiento relevante sobre Bootstrap SelectPicker introducido por el editor. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!