Home >Web Front-end >JS Tutorial >The gorgeous transformation of the Select box based on JQuery_jquery

The gorgeous transformation of the Select box based on JQuery_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 18:03:041101browse

However, this situation may be gone forever. If you guess that HTML5 technology is used, you are wrong. In China, the vast majority of people use IE6 browser. This ancient browser I don’t know HTML5.

What I recommend now is a JavaScript plug-in, which has two versions, JQuery and Prototype, and supports all types of browsers. After using it, the select box on your page will become so beautiful that it will surprise you. The following is a comparison of the effects before and after use.

Radio selection mode:

单选框 原始
单选框 美化后

Multiple selection mode:

多选框美化效果

For more effects, please visit the Chinese translation of the official homepage of this plug-in Chosen demo page .

The specific usage is very simple. You only need to add the class="chzn-select" attribute to the select, and then call jquery: $(".chzn-select").chosen(), and everything is done.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn