Bootstrap SelectPicker를 사용하여 발생하는 작은 문제를 표시하고 다음에 오류를 확인할 때 사용하십시오.
$ ( '. selectPicker'). selectPicker ( 'val', 'mustard'); // single-select $ ( '. selectPicker'). selectPicker ( 'val', [ 'musstard', 'kelish']); // multiple-select $ ( '. selectpicker'). 디스플레이를 새로 고칠 수 있습니다
질문 표시 : 세트 val은 옵션의 값 값이어야하며 이름이 사용되면 왜 적용되지 않습니까?
추신 : 미화 선택 (부트 스트랩)
소개 해야하는 파일 :
Bootstrap-combined.min.css
Bootstrap-select.css
Bootstrap-select.js
Bootstrap.min.js와 같은 일반적으로 사용되는 여러 부트 스타프 파일뿐만 아니라
성취하다:
1. <select> 태그에서 클래스 또는 ID를 추가하십시오. 클래스를 반복 할 수 있으므로 클래스를 추가하는 것이 좋습니다.
2. JS 파일에 초기화 메소드 추가 :
initfnc : function () {$ ( ". selectPicker"). selectPicker ({noneselectedText : 'select'});}외부 초기화 중에이 메소드를 호출하는 것은 괜찮습니다!
아래 그림은 아름답습니다. 그다지 좋지는 않지만 이전보다 훨씬 낫다고 생각합니다!
그러나이 미화 플러그인에는 몇 가지 문제가 있습니다.
실제로, 많지는 않지만이 문제는 매우 까다 롭다고 생각합니다. 이 방법을 사용하여 아름답게하면 동적으로 할당 된 <select>가 표시됩니다. 나는 다음과 같아야한다고 생각합니다 : bootstrap-select.js는 옵션없이 <select>를 표시하여 동적으로 할당 된 옵션을 작성할 수 없도록 옵션을 표시합니다! 비 선정 된 텍스트 : 'select'를 수정할 수 있다면이 문제를 해결해야합니다!
몇 시간의 연구 후, 문제는 발견되었지만 그중 하나만 해결되었습니다.
JS를 호출 할 때는 전화하기 전에 표면의 선택 옵션이로드 될 때까지 기다려야합니다.
initfnc : function () {$ ( ". selectPicker"). selectPicker ({noneselectedText : 'select'});}이런 식으로 동적 선택 할당도 아름답게 될 수 있지만 여전히 문제가 있습니다. 페이지의 모든 선택이 페이지를 초기화 할 때 모든 것을로드 할 수있는 것은 아닙니다. 예를 들어, 이제 두 가지 링크 된 선택 옵션이 있습니다. 즉, 두 번째 선택의 옵션은 첫 번째에 따라 변경해야하며 JS의 onchange 또는 변경 모니터링을 추가해야합니다. 이런 식으로 아름답게되면 문제가있을 것입니다!
위는 편집자가 소개 한 부트 스트랩 SelectPicker에 대한 관련 지식입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!