JQuery Select2 Can't select option
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
0
I have problem with Select2. Everything works almost fine, except i can't select any option. I'm using select2 3.5.3, KnockoutJS, CoffeeScript and JQuery. My select2 code:
generateSelect3 =->
return '<input data-bind="select2: {
data:{ results: _.available, text: 'text'},
minimumInputLength: 3,
allowClear: true,
}" class="select2"></select>'
All files are called. I have working customized select2. It's initializing code:
generateSelect2 =->
return $('<div class="subcontainer"><input type="text" class="input-
xxlarge" data-bind="select2ex: {url: (_.params && _.params.url ||
undefined), value: value, text: text, options: _.params}"></div>');
javascript jquery knockout.js coffeescript jquery-select2
asked Nov 16 '18 at 13:58
Free-devFree-dev
65
add a comment |
0
I have problem with Select2. Everything works almost fine, except i can't select any option. I'm using select2 3.5.3, KnockoutJS, CoffeeScript and JQuery. My select2 code:
generateSelect3 =->
return '<input data-bind="select2: {
data:{ results: _.available, text: 'text'},
minimumInputLength: 3,
allowClear: true,
}" class="select2"></select>'
All files are called. I have working customized select2. It's initializing code:
generateSelect2 =->
return $('<div class="subcontainer"><input type="text" class="input-
xxlarge" data-bind="select2ex: {url: (_.params && _.params.url ||
undefined), value: value, text: text, options: _.params}"></div>');
javascript jquery knockout.js coffeescript jquery-select2
asked Nov 16 '18 at 13:58
Free-devFree-dev
65
add a comment |
0
0
0
I have problem with Select2. Everything works almost fine, except i can't select any option. I'm using select2 3.5.3, KnockoutJS, CoffeeScript and JQuery. My select2 code:
generateSelect3 =->
return '<input data-bind="select2: {
data:{ results: _.available, text: 'text'},
minimumInputLength: 3,
allowClear: true,
}" class="select2"></select>'
All files are called. I have working customized select2. It's initializing code:
generateSelect2 =->
return $('<div class="subcontainer"><input type="text" class="input-
xxlarge" data-bind="select2ex: {url: (_.params && _.params.url ||
undefined), value: value, text: text, options: _.params}"></div>');
javascript jquery knockout.js coffeescript jquery-select2
asked Nov 16 '18 at 13:58
Free-devFree-dev
65
I have problem with Select2. Everything works almost fine, except i can't select any option. I'm using select2 3.5.3, KnockoutJS, CoffeeScript and JQuery. My select2 code:
generateSelect3 =->
return '<input data-bind="select2: {
data:{ results: _.available, text: 'text'},
minimumInputLength: 3,
allowClear: true,
}" class="select2"></select>'
All files are called. I have working customized select2. It's initializing code:
generateSelect2 =->
return $('<div class="subcontainer"><input type="text" class="input-
xxlarge" data-bind="select2ex: {url: (_.params && _.params.url ||
undefined), value: value, text: text, options: _.params}"></div>');
javascript jquery knockout.js coffeescript jquery-select2
javascript jquery knockout.js coffeescript jquery-select2
asked Nov 16 '18 at 13:58
Free-devFree-dev
65
asked Nov 16 '18 at 13:58
Free-devFree-dev
65
edited Nov 19 '18 at 9:02
Free-dev
asked Nov 16 '18 at 13:58
Free-devFree-dev
65
asked Nov 16 '18 at 13:58
Free-devFree-dev
65
asked Nov 16 '18 at 13:58
Free-devFree-dev
65
65
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
0
Go to this link. You need to link only 2 files. Css on Head and Js on footer.
Call your personal js file after select2.js, and you must call jQuery.js before select2.js.
Use the below code on your file.
$(document).ready(function () {
$(".category").select2({
placeholder: 'Category',
tags: true,
width: 'resolve'
});
$(".sub-category").select2({
placeholder: 'Sub Category',
tags: true,
width: 'resolve'
});
});
edited Nov 16 '18 at 14:10
Michael Dodd
6,034103856
answered Nov 16 '18 at 14:05
Shahidul IslamShahidul Islam
12
and call your personal js file after select2.js and must call jQuery.js before select2.js . and use below code on your file.
– Shahidul Islam
Nov 16 '18 at 14:07
add a comment |
0
Problem solved:
return $('<div class="subcontainer"><select
class="input-xxlarge"
data-bind="options: _.available,
optionsText: $.ehr.CodedWidget.formatSelectText,
optionsValue: function(item) {
return item && item.value || (item.value == 0 ? item.value + '' : '') },
select2ex: {
value: value,
}"></select></div>')
answered Nov 19 '18 at 12:25
Free-devFree-dev
65
add a comment |
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',
autoActivateHeartbeat: false,
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
});
}
});
draft saved
draft discarded
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%2f53339300%2fjquery-select2-cant-select-option%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
Go to this link. You need to link only 2 files. Css on Head and Js on footer.
Call your personal js file after select2.js, and you must call jQuery.js before select2.js.
Use the below code on your file.
$(document).ready(function () {
$(".category").select2({
placeholder: 'Category',
tags: true,
width: 'resolve'
});
$(".sub-category").select2({
placeholder: 'Sub Category',
tags: true,
width: 'resolve'
});
});
edited Nov 16 '18 at 14:10
Michael Dodd
6,034103856
answered Nov 16 '18 at 14:05
Shahidul IslamShahidul Islam
12
and call your personal js file after select2.js and must call jQuery.js before select2.js . and use below code on your file.
– Shahidul Islam
Nov 16 '18 at 14:07
add a comment |
0
Go to this link. You need to link only 2 files. Css on Head and Js on footer.
Call your personal js file after select2.js, and you must call jQuery.js before select2.js.
Use the below code on your file.
$(document).ready(function () {
$(".category").select2({
placeholder: 'Category',
tags: true,
width: 'resolve'
});
$(".sub-category").select2({
placeholder: 'Sub Category',
tags: true,
width: 'resolve'
});
});
edited Nov 16 '18 at 14:10
Michael Dodd
6,034103856
answered Nov 16 '18 at 14:05
Shahidul IslamShahidul Islam
12
and call your personal js file after select2.js and must call jQuery.js before select2.js . and use below code on your file.
– Shahidul Islam
Nov 16 '18 at 14:07
add a comment |
0
0
0
Go to this link. You need to link only 2 files. Css on Head and Js on footer.
Call your personal js file after select2.js, and you must call jQuery.js before select2.js.
Use the below code on your file.
$(document).ready(function () {
$(".category").select2({
placeholder: 'Category',
tags: true,
width: 'resolve'
});
$(".sub-category").select2({
placeholder: 'Sub Category',
tags: true,
width: 'resolve'
});
});
edited Nov 16 '18 at 14:10
Michael Dodd
6,034103856
answered Nov 16 '18 at 14:05
Shahidul IslamShahidul Islam
12
Go to this link. You need to link only 2 files. Css on Head and Js on footer.
Call your personal js file after select2.js, and you must call jQuery.js before select2.js.
Use the below code on your file.
$(document).ready(function () {
$(".category").select2({
placeholder: 'Category',
tags: true,
width: 'resolve'
});
$(".sub-category").select2({
placeholder: 'Sub Category',
tags: true,
width: 'resolve'
});
});
edited Nov 16 '18 at 14:10
Michael Dodd
6,034103856
answered Nov 16 '18 at 14:05
Shahidul IslamShahidul Islam
12
edited Nov 16 '18 at 14:10
Michael Dodd
6,034103856
edited Nov 16 '18 at 14:10
Michael Dodd
6,034103856
edited Nov 16 '18 at 14:10
Michael Dodd
6,034103856
6,034103856
answered Nov 16 '18 at 14:05
Shahidul IslamShahidul Islam
12
answered Nov 16 '18 at 14:05
Shahidul IslamShahidul Islam
12
answered Nov 16 '18 at 14:05
Shahidul IslamShahidul Islam
12
12
and call your personal js file after select2.js and must call jQuery.js before select2.js . and use below code on your file.
– Shahidul Islam
Nov 16 '18 at 14:07
add a comment |
and call your personal js file after select2.js and must call jQuery.js before select2.js . and use below code on your file.
– Shahidul Islam
Nov 16 '18 at 14:07
and call your personal js file after select2.js and must call jQuery.js before select2.js . and use below code on your file.
– Shahidul Islam
Nov 16 '18 at 14:07
and call your personal js file after select2.js and must call jQuery.js before select2.js . and use below code on your file.
– Shahidul Islam
Nov 16 '18 at 14:07
add a comment |
0
Problem solved:
return $('<div class="subcontainer"><select
class="input-xxlarge"
data-bind="options: _.available,
optionsText: $.ehr.CodedWidget.formatSelectText,
optionsValue: function(item) {
return item && item.value || (item.value == 0 ? item.value + '' : '') },
select2ex: {
value: value,
}"></select></div>')
answered Nov 19 '18 at 12:25
Free-devFree-dev
65
add a comment |
0
Problem solved:
return $('<div class="subcontainer"><select
class="input-xxlarge"
data-bind="options: _.available,
optionsText: $.ehr.CodedWidget.formatSelectText,
optionsValue: function(item) {
return item && item.value || (item.value == 0 ? item.value + '' : '') },
select2ex: {
value: value,
}"></select></div>')
answered Nov 19 '18 at 12:25
Free-devFree-dev
65
add a comment |
0
0
0
Problem solved:
return $('<div class="subcontainer"><select
class="input-xxlarge"
data-bind="options: _.available,
optionsText: $.ehr.CodedWidget.formatSelectText,
optionsValue: function(item) {
return item && item.value || (item.value == 0 ? item.value + '' : '') },
select2ex: {
value: value,
}"></select></div>')
answered Nov 19 '18 at 12:25
Free-devFree-dev
65
Problem solved:
return $('<div class="subcontainer"><select
class="input-xxlarge"
data-bind="options: _.available,
optionsText: $.ehr.CodedWidget.formatSelectText,
optionsValue: function(item) {
return item && item.value || (item.value == 0 ? item.value + '' : '') },
select2ex: {
value: value,
}"></select></div>')
answered Nov 19 '18 at 12:25
Free-devFree-dev
65
answered Nov 19 '18 at 12:25
Free-devFree-dev
65
answered Nov 19 '18 at 12:25
Free-devFree-dev
65
answered Nov 19 '18 at 12:25
Free-devFree-dev
65
65
add a comment |
add a comment |
draft saved
draft discarded
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.
draft saved
draft discarded
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%2f53339300%2fjquery-select2-cant-select-option%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
