需要:

以下放入头部

1.chosen.css

2.style.css(可不要)

放入网页的尾部

1.jquery.min.js

2.chosen.jquery.js

3.init.js

用法:只需要在select标签加入class=\"chosen-select\" tabindex=\"2\"


<!doctype html>
<html lang=\"en\">
<head>
  < charset=\"utf-8\">
  < rel=\"stylesheet\" href=\"docsupport/style.css\">
  < rel=\"stylesheet\" href=\"chosen.css\">

</head>
<body>
        <div>
        <select name=\"applianceCategory\" id=\"applianceCategory\" data-placeholder=\"选择器具类别\"
            class=\"chosen-select\" tabindex=\"2\">
            <option value=\"\"></option>
            <option value=\"几何量\">几何量</option>
            <option value=\"热学\">热学</option>
            <option value=\"力学\">力学</option>
            <option value=\"电磁学\">电磁学</option>
            <option value=\"时间频率\">时间频率</option>
            <option value=\"理化\">理化</option>
            <option value=\"其他\">其他</option>
        </select>
    </div>

     

     
  < src=\"docsupport/jquery-3.2.1.min.js\" type=\"text/ \"></ >
  < src=\"chosen.jquery.js\" type=\"text/ \"></ >
  < src=\"docsupport/init.js\" type=\"text/ \" charset=\"utf-8\"></ >


</body>
</html>


\"\"

\"\" 

收藏 打印