Bootstrap Select - Set selected value by text

Question

How can I change the drop down if I only know the text and not the value?

Here is my select -

 <select id="app_id" class="selectpicker">
       <option value="">--Select--</option>
       <option value="1">Application 1</option>
       <option value="2">Application 2</option>
 </select>

so you want to know by the text inside of the drop-down, what is the value? You can use jQuery for in a if-statement. — zero point, Feb 08 '16 at 04:36
http://stackoverflow.com/questions/14804253/how-to-set-selected-value-on-select-using-selectpicker-plugin-from-bootstrap — Sandeep Nayak, Feb 08 '16 at 04:38
@mikegohome - yes, I want to set an option to selected by its text. — jagamot, Feb 08 '16 at 04:45

Sathish · Accepted Answer · 2016-02-08T05:03:13.630

13

You can use jquery filter() and prop() like below

jQuery("#app_id option").filter(function(){
    return $.trim($(this).text()) ==  'Application 2'
}).prop('selected', true);

DEMO

Using BOOTSTRAP SELECT,

jQuery("#app_id option").filter(function(){
    return $.trim($(this).text()) ==  'Application 2'
}).prop('selected', true);
$('#app_id').selectpicker('refresh');

DEMO

edited Feb 08 '16 at 05:03

answered Feb 08 '16 at 04:47

Sathish

2,440
1
11
27

1

My select drop down is rendered using Bootstrap Select plugin, so the above classic implementation won't work. – jagamot Feb 08 '16 at 04:50

score 0 · Answer 2 · answered Feb 08 '16 at 05:12

Try this:

$(function(){

  // Init selectpicker
  $('#app_id').selectpicker({
    style: 'btn-info',
    size: 4
  });

  // Set desired text 
  var optionToSet = "Application 1";

  $("#app_id option").filter(function(){
    // Get the option by its text
    var hasText = $.trim($(this).text()) ==  optionToSet;
    if(hasText){
    // Set the "selected" value of the <select>.
    $("#app_id").val($(this).val());
    // Force a refresh.
    $("#app_id").selectpicker('refresh')
    }
  });

});

Inspired by @Sathish's answer

Working JSfiddle

Bootstrap Select - Set selected value by text

2 Answers2