jquery selectpicker常見用法總結

經常會被自己蠢哭,經常想不起來如何使用,總結一下,方便自己,方便他人。以下都是我工作中最常的用法。

清空選中

$('#monsterType').selectpicker('val',['noneSelectedText']);
$('#monsterType').selectpicker('refresh'); 

獲取選擇的value

$('#selector').val()

獲取選中位置的屬性

$('#eventTemplateSelect').find("option:selected").attr('json');

獲取選中的索引

$('#eventTemplateSelect').find("option:selected").index();

選中

$('#dollarPrice').val("321");
$('#monsterType').selectpicker('refresh'); 

選中的值 必須要是列表中有的值,否則會顯示成未選擇的狀態

繪製select內容

    var optionStr = "";
    for (var j in tmp.cate_list) {
        var cate = tmp.cate_list[j];
        optionStr += "<option value=\"" + cate.cate_id + "\">" + cate.cate_name + "[" + cate.cate_id + "]" + "</option>";
    }

    $('#selector').append(optionStr);
    $('#selector').selectpicker('refresh');
    $('#selector').selectpicker('render');
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章