Question

130

bootstrap-select add item and select it

rated 0 times [ 132] [ 2] / answers: 1 / hits: 70095 / 9 Years ago, sat, october 17, 2015, 12:00:00

I'm using Silvio Moreto's Bootstrap Select.

On my page I have a button that opens a modal with an input box that allows you to add an item to the selectpicker. I would then like to automatically have that item selected but I can't get it to work.

The code I have is :

$('#myselect').append('<option val='+newitemnum+'>'+newitemdesc+'</option>');

$('#myselect').val(newitemnum);

$('#myselect').selectpicker('refresh');

But it just doesn't work. The item doesn't get selected.

I have tried replacing the selection line with :

$('#myselect').selectpicker('val',newitemnum);

but that doesn't work either

Any ideas much appreciated (although the item DOES get added to the selectpicker).

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

yaquelina

Add To Favorites

Follow

Total Points: 517

Total Questions: 101

Total Answers: 96

Location: Egypt

Member since Tue, Jul 6, 2021

3 Years ago

yaquelina questions

1 Unable to access process variable in Vue3JS Vite project

Sun, Feb 13, 22, 00:00, 2 Years ago

1 How to return an array of unique objects based on the id of the object in es6?

Mon, Dec 27, 21, 00:00, 2 Years ago

1 How to run nodemon + forever in the background

Tue, Jun 2, 20, 00:00, 4 Years ago

1 How to remove warning in React native

Sun, Mar 8, 20, 00:00, 4 Years ago

1 Angular 9 - You must pass in a NgModule or NgModuleFactory to be bootstrapped

Fri, Feb 21, 20, 00:00, 4 Years ago

View All

answered 9 Years ago emileef · Accepted Answer

You have a typo. Instead of:

$('#myselect').append('<option val='+newitemnum+'>'+newitemdesc+'</option>');

You need:

$('#myselect').append('<option value='+newitemnum+'>'+newitemdesc+'</option>');

Here is a JSFiddle demo: http://jsfiddle.net/xbr5agqt/

The Add and select 'Soy Sauce' option button does the following:

$(#myselect).append('<option value='+newitemnum+'>'+newitemdesc+'</option>');

$(#myselect).val(4);

$(#myselect).selectpicker(refresh);

One slightly faster approach (used by the Add and select 'Relish' option button) is to append the new <option> element with the selected attribute already applied:

$(#myselect).append('<option value='+newitemnum+' selected=>'+newitemdesc+'</option>');

$(#myselect).selectpicker(refresh);