Set default data programatically about ajax-bootstrap-select HOT 6 CLOSED

Ugly as f*uck

`
var $abs = $('select').selectpicker(options).ajaxSelectPicker(options);
var selected = { value: value, title: title };

$abs.val(selected.value).trigger('change').selectpicker('refresh');
$abs.data('AjaxBootstrapSelect').list.setTitle(selected.title);
$abs.data('AjaxBootstrapSelect').list.refresh();
`

from ajax-bootstrap-select.

I'm using this for clear button might help.

$(document).on('click', '#ajax-student-clear', function(){
         $("#ajax-select-students").val('').trigger('change');
     })

from ajax-bootstrap-select.

I am also interested in this answer, its the final piece of my form I need to resolve.

from ajax-bootstrap-select.

@PoetikDragon here is what I ended up using I did a lot of digging in the inspect element to figure this out:

// Terrible hack to set the default data.
// Todo: NEED TO CHANGE THIS! UNCLEAN
var $productAssociationInput = $(".product-associated");
var $currentProductAssociated = $productAssociationInput.val();
if($currentProductAssociated != "") {
    $(".product_associated_div").find(".bootstrap-select").find("button").remove();
    $(".product_associated_div").find(".bootstrap-select").prepend('<button type="button" class="btn dropdown-toggle selectpicker btn-default" data-toggle="dropdown" data-id="product_associated" title="'+$currentProductAssociated+'"><span class="filter-option pull-left">'+$currentProductAssociated+'</span>&nbsp;<span class="caret"></span></button>');
}

in "currentProductAssociated" you put the default data that you want in the select, the .product_associated_div is just a div around the bootstrap select so I can navigate through the elements.

Let me know if this works for you

from ajax-bootstrap-select.

Might be cleaner solution:

$("#oib").empty();
$("#oib").append("<option value='test'>Test</option>");
$("#oib").selectpicker("refresh");

from ajax-bootstrap-select.

I have the same issue and looking for a solution around documentation and StackOverflow, but I'm not lucky enough to get solution except for this close ISSUE.

I have tried @ganaited solution but I'm not clear about the options variable of his solution. kindly apologize for my JS knowledge

from ajax-bootstrap-select.