Custom “Not Found” option in bootstrap-select when live searching
up vote
0
down vote
favorite
Using Bootstrap 3, and bootstrap-select v1.13.2
I have created a bootstrap-select with live-search turned on. Below is a simple example.
<select class="form-control selectpicker" id="customer" name="customer" data-live-search="true">
<option>Customer Inc</option>
...
<option>Customer LLC</option>
<option>New Customer</option>
</select>
I would like it to display the New Customer option, if no other customers are matched while using the live search.
I found this answer to a similar question, but I can't figure out where to put that code, and I can't comment to ask for clarification (brand new account).
EDIT:
Apparently the above referenced answer is for a completely different (albeit similarly named) plugin. Does anyone know if what I want to do is possible with the plugin I'm already using? It would be a pain to switch it out over many pages.
twitter-bootstrap-3 bootstrap-select
asked Nov 9 at 19:18
Joel
13
|
show 1 more comment
up vote
0
down vote
favorite
Using Bootstrap 3, and bootstrap-select v1.13.2
I have created a bootstrap-select with live-search turned on. Below is a simple example.
<select class="form-control selectpicker" id="customer" name="customer" data-live-search="true">
<option>Customer Inc</option>
...
<option>Customer LLC</option>
<option>New Customer</option>
</select>
I would like it to display the New Customer option, if no other customers are matched while using the live search.
I found this answer to a similar question, but I can't figure out where to put that code, and I can't comment to ask for clarification (brand new account).
EDIT:
Apparently the above referenced answer is for a completely different (albeit similarly named) plugin. Does anyone know if what I want to do is possible with the plugin I'm already using? It would be a pain to switch it out over many pages.
twitter-bootstrap-3 bootstrap-select
asked Nov 9 at 19:18
Joel
13
They downloaded the bootstrap select js file and modified that code directly.
– Ashley Brown
Nov 9 at 19:24
@Ashley I know that, but I can't tell where in that file to put their code. I've looked through it 3 times, but I'm not familiar with bootstrap plugins, and It's almost 3k lines of code.
– Joel
Nov 9 at 19:42
Just ctrl+f and search for it?
– Ashley Brown
Nov 9 at 20:03
Tried that. I'm not familiar enough with bootstrap plugins to figure out where the search event gets fired off.
– Joel
Nov 9 at 20:24
Ah, so that is actually because you're not looking at the same JS plugin... they are sepereate/different bootstrap selects
– Ashley Brown
Nov 9 at 20:30
|
show 1 more comment
up vote
0
down vote
favorite
up vote
0
down vote
favorite
Using Bootstrap 3, and bootstrap-select v1.13.2
I have created a bootstrap-select with live-search turned on. Below is a simple example.
<select class="form-control selectpicker" id="customer" name="customer" data-live-search="true">
<option>Customer Inc</option>
...
<option>Customer LLC</option>
<option>New Customer</option>
</select>
I would like it to display the New Customer option, if no other customers are matched while using the live search.
I found this answer to a similar question, but I can't figure out where to put that code, and I can't comment to ask for clarification (brand new account).
EDIT:
Apparently the above referenced answer is for a completely different (albeit similarly named) plugin. Does anyone know if what I want to do is possible with the plugin I'm already using? It would be a pain to switch it out over many pages.
twitter-bootstrap-3 bootstrap-select
asked Nov 9 at 19:18
Joel
13
Using Bootstrap 3, and bootstrap-select v1.13.2
I have created a bootstrap-select with live-search turned on. Below is a simple example.
<select class="form-control selectpicker" id="customer" name="customer" data-live-search="true">
<option>Customer Inc</option>
...
<option>Customer LLC</option>
<option>New Customer</option>
</select>
I would like it to display the New Customer option, if no other customers are matched while using the live search.
I found this answer to a similar question, but I can't figure out where to put that code, and I can't comment to ask for clarification (brand new account).
EDIT:
Apparently the above referenced answer is for a completely different (albeit similarly named) plugin. Does anyone know if what I want to do is possible with the plugin I'm already using? It would be a pain to switch it out over many pages.
twitter-bootstrap-3 bootstrap-select
twitter-bootstrap-3 bootstrap-select
asked Nov 9 at 19:18
Joel
13
asked Nov 9 at 19:18
Joel
13
edited Nov 9 at 20:47
asked Nov 9 at 19:18
Joel
13
asked Nov 9 at 19:18
Joel
13
asked Nov 9 at 19:18
Joel
13
13
They downloaded the bootstrap select js file and modified that code directly.
– Ashley Brown
Nov 9 at 19:24
@Ashley I know that, but I can't tell where in that file to put their code. I've looked through it 3 times, but I'm not familiar with bootstrap plugins, and It's almost 3k lines of code.
– Joel
Nov 9 at 19:42
Just ctrl+f and search for it?
– Ashley Brown
Nov 9 at 20:03
Tried that. I'm not familiar enough with bootstrap plugins to figure out where the search event gets fired off.
– Joel
Nov 9 at 20:24
Ah, so that is actually because you're not looking at the same JS plugin... they are sepereate/different bootstrap selects
– Ashley Brown
Nov 9 at 20:30
|
show 1 more comment
They downloaded the bootstrap select js file and modified that code directly.
– Ashley Brown
Nov 9 at 19:24
@Ashley I know that, but I can't tell where in that file to put their code. I've looked through it 3 times, but I'm not familiar with bootstrap plugins, and It's almost 3k lines of code.
– Joel
Nov 9 at 19:42
Just ctrl+f and search for it?
– Ashley Brown
Nov 9 at 20:03
Tried that. I'm not familiar enough with bootstrap plugins to figure out where the search event gets fired off.
– Joel
Nov 9 at 20:24
Ah, so that is actually because you're not looking at the same JS plugin... they are sepereate/different bootstrap selects
– Ashley Brown
Nov 9 at 20:30
They downloaded the bootstrap select js file and modified that code directly.
– Ashley Brown
Nov 9 at 19:24
They downloaded the bootstrap select js file and modified that code directly.
– Ashley Brown
Nov 9 at 19:24
@Ashley I know that, but I can't tell where in that file to put their code. I've looked through it 3 times, but I'm not familiar with bootstrap plugins, and It's almost 3k lines of code.
– Joel
Nov 9 at 19:42
@Ashley I know that, but I can't tell where in that file to put their code. I've looked through it 3 times, but I'm not familiar with bootstrap plugins, and It's almost 3k lines of code.
– Joel
Nov 9 at 19:42
Just ctrl+f and search for it?
– Ashley Brown
Nov 9 at 20:03
Just ctrl+f and search for it?
– Ashley Brown
Nov 9 at 20:03
Tried that. I'm not familiar enough with bootstrap plugins to figure out where the search event gets fired off.
– Joel
Nov 9 at 20:24
Tried that. I'm not familiar enough with bootstrap plugins to figure out where the search event gets fired off.
– Joel
Nov 9 at 20:24
Ah, so that is actually because you're not looking at the same JS plugin... they are sepereate/different bootstrap selects
– Ashley Brown
Nov 9 at 20:30
Ah, so that is actually because you're not looking at the same JS plugin... they are sepereate/different bootstrap selects
– Ashley Brown
Nov 9 at 20:30
|
show 1 more comment
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53232032%2fcustom-not-found-option-in-bootstrap-select-when-live-searching%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53232032%2fcustom-not-found-option-in-bootstrap-select-when-live-searching%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
They downloaded the bootstrap select js file and modified that code directly.
– Ashley Brown
Nov 9 at 19:24
@Ashley I know that, but I can't tell where in that file to put their code. I've looked through it 3 times, but I'm not familiar with bootstrap plugins, and It's almost 3k lines of code.
– Joel
Nov 9 at 19:42
Just ctrl+f and search for it?
– Ashley Brown
Nov 9 at 20:03
Tried that. I'm not familiar enough with bootstrap plugins to figure out where the search event gets fired off.
– Joel
Nov 9 at 20:24
Ah, so that is actually because you're not looking at the same JS plugin... they are sepereate/different bootstrap selects
– Ashley Brown
Nov 9 at 20:30