最近一直在用bootstrap做頁面,個人感覺簡約大氣很好用,今天用插件chosen時發(fā)現(xiàn)不能選中值,調試了很長時間,查看源文件js等各種方法,最后終于解決:獻上代碼:
創(chuàng)新互聯(lián)堅持“要么做到,要么別承諾”的工作理念,服務領域包括:網(wǎng)站建設、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務,滿足客戶于互聯(lián)網(wǎng)時代的舒城網(wǎng)站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴!
無論樣式還是自動匹配功能還是比較好的:
不能清除選中
解決方法:
$("#id").val("");
$("#id").trigger("chosen:updated");
設置選中的值
$("#id").val("選中的值");
$("#id").trigger("chosen:updated");
設置選中的文本
$("#id").text("選中的值");
$("#id").trigger("chosen:updated");
總而言之,每次設置時都要觸發(fā)更新這個選擇事件。
*監(jiān)聽的選擇改變事件:
$(
"#id"
).chosen().change(
function
(){
//do something...
});
*設置多選
$("#id").attr("multiple",true);
*設置未找到時的顯示文字
$("#id").chosen({
no_results_text : "未找到此選項!",
width:"70%"
});