MaterializeCSS bunching multiple choice menu together
I am using materializecss and seem to have a weird issue with one of my Menus that was previously working. Here is was it is currently doing,
The underlying code is a loop.
<div class="input-field col s6">
<select id="keywords" name="Keywords" multiple>
<%
Dim SQLQuery As String, IBResults As ADODB.Recordset
'get all the project keywords
SQLQuery = "SELECT APK.* " & "FROM Avail_Project_Keywords APK " & "WHERE APK.KeywordID <> 0 " & "ORDER BY APK.Description ASC;"
IBResults = GetBWRS("Infobase", SQLQuery)
If Not IBResults.EOF Then
Do Until IBResults.EOF
Response.Write("<option value='" & DBStr(IBResults.Fields("KeywordID")) & "'>")
Response.Write(DBStr(IBResults.Fields("Description")))
Response.Write("</option>")
IBResults.MoveNext()
Loop
End If
%>
</select>
<label for="keywords">Keywords</label>
</div>
With the standard js caller on the bottom
document.addEventListener('DOMContentLoaded', function () {
var elems = document.querySelectorAll('select');
var instances = M.FormSelect.init(elems);
});
Am I doing something wrong here? If so what is the problem. It matches the example code and when I compare the two with inspect element everything seem to be the same?
Thanks in advance.
javascript html asp-classic materialize
edited Nov 21 '18 at 1:10
Comintern
18.5k42354
asked Nov 21 '18 at 1:09
AchmannAchmann
949
add a comment |
I am using materializecss and seem to have a weird issue with one of my Menus that was previously working. Here is was it is currently doing,
The underlying code is a loop.
<div class="input-field col s6">
<select id="keywords" name="Keywords" multiple>
<%
Dim SQLQuery As String, IBResults As ADODB.Recordset
'get all the project keywords
SQLQuery = "SELECT APK.* " & "FROM Avail_Project_Keywords APK " & "WHERE APK.KeywordID <> 0 " & "ORDER BY APK.Description ASC;"
IBResults = GetBWRS("Infobase", SQLQuery)
If Not IBResults.EOF Then
Do Until IBResults.EOF
Response.Write("<option value='" & DBStr(IBResults.Fields("KeywordID")) & "'>")
Response.Write(DBStr(IBResults.Fields("Description")))
Response.Write("</option>")
IBResults.MoveNext()
Loop
End If
%>
</select>
<label for="keywords">Keywords</label>
</div>
With the standard js caller on the bottom
document.addEventListener('DOMContentLoaded', function () {
var elems = document.querySelectorAll('select');
var instances = M.FormSelect.init(elems);
});
Am I doing something wrong here? If so what is the problem. It matches the example code and when I compare the two with inspect element everything seem to be the same?
Thanks in advance.
javascript html asp-classic materialize
edited Nov 21 '18 at 1:10
Comintern
18.5k42354
asked Nov 21 '18 at 1:09
AchmannAchmann
949
add a comment |
I am using materializecss and seem to have a weird issue with one of my Menus that was previously working. Here is was it is currently doing,
The underlying code is a loop.
<div class="input-field col s6">
<select id="keywords" name="Keywords" multiple>
<%
Dim SQLQuery As String, IBResults As ADODB.Recordset
'get all the project keywords
SQLQuery = "SELECT APK.* " & "FROM Avail_Project_Keywords APK " & "WHERE APK.KeywordID <> 0 " & "ORDER BY APK.Description ASC;"
IBResults = GetBWRS("Infobase", SQLQuery)
If Not IBResults.EOF Then
Do Until IBResults.EOF
Response.Write("<option value='" & DBStr(IBResults.Fields("KeywordID")) & "'>")
Response.Write(DBStr(IBResults.Fields("Description")))
Response.Write("</option>")
IBResults.MoveNext()
Loop
End If
%>
</select>
<label for="keywords">Keywords</label>
</div>
With the standard js caller on the bottom
document.addEventListener('DOMContentLoaded', function () {
var elems = document.querySelectorAll('select');
var instances = M.FormSelect.init(elems);
});
Am I doing something wrong here? If so what is the problem. It matches the example code and when I compare the two with inspect element everything seem to be the same?
Thanks in advance.
javascript html asp-classic materialize
edited Nov 21 '18 at 1:10
Comintern
18.5k42354
asked Nov 21 '18 at 1:09
AchmannAchmann
949
I am using materializecss and seem to have a weird issue with one of my Menus that was previously working. Here is was it is currently doing,
The underlying code is a loop.
<div class="input-field col s6">
<select id="keywords" name="Keywords" multiple>
<%
Dim SQLQuery As String, IBResults As ADODB.Recordset
'get all the project keywords
SQLQuery = "SELECT APK.* " & "FROM Avail_Project_Keywords APK " & "WHERE APK.KeywordID <> 0 " & "ORDER BY APK.Description ASC;"
IBResults = GetBWRS("Infobase", SQLQuery)
If Not IBResults.EOF Then
Do Until IBResults.EOF
Response.Write("<option value='" & DBStr(IBResults.Fields("KeywordID")) & "'>")
Response.Write(DBStr(IBResults.Fields("Description")))
Response.Write("</option>")
IBResults.MoveNext()
Loop
End If
%>
</select>
<label for="keywords">Keywords</label>
</div>
With the standard js caller on the bottom
document.addEventListener('DOMContentLoaded', function () {
var elems = document.querySelectorAll('select');
var instances = M.FormSelect.init(elems);
});
Am I doing something wrong here? If so what is the problem. It matches the example code and when I compare the two with inspect element everything seem to be the same?
Thanks in advance.
javascript html asp-classic materialize
javascript html asp-classic materialize
edited Nov 21 '18 at 1:10
Comintern
18.5k42354
asked Nov 21 '18 at 1:09
AchmannAchmann
949
edited Nov 21 '18 at 1:10
Comintern
18.5k42354
asked Nov 21 '18 at 1:09
AchmannAchmann
949
edited Nov 21 '18 at 1:10
Comintern
18.5k42354
edited Nov 21 '18 at 1:10
Comintern
18.5k42354
edited Nov 21 '18 at 1:10
Comintern
18.5k42354
18.5k42354
asked Nov 21 '18 at 1:09
AchmannAchmann
949
asked Nov 21 '18 at 1:09
AchmannAchmann
949
asked Nov 21 '18 at 1:09
AchmannAchmann
949
949
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
From the Materialize CSS documentation, <select> needs to have this as the basic initialization. You seem to have missed out the options parameter.
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('select');
var instances = M.FormSelect.init(elems, options);
});
The HTML seems fine.
answered Nov 21 '18 at 3:38
Raghav KukretiRaghav Kukreti
114
options aren't required, adding the word options will just break it unless I tell it something like(elems, {classes: "myClassChoice"})
– Achmann
Nov 21 '18 at 4:30
1
Can you put a sample as a fiddle? Assessing the problem becomes easier then.
– Raghav Kukreti
Nov 21 '18 at 5:26
Sorry for the late reply,@Lankymart I am only querying anything with<select>tags the segment of code contains the <option> tags in the vba.
– Achmann
Nov 22 '18 at 6:05
add a comment |
Firstly thanks to those who tried to help out. It was appreciated.
I ended up downloading a new fresh copy of the Framework out of frustration. Now everything is working as expected. It probably will not help anyone who suffers this in the future unfortunately.
I am not sure why this fixed it. So if you are having this problem. Do try either linking their CDN's or downloading a fresh copy for yourself.
answered Nov 22 '18 at 6:08
AchmannAchmann
949
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
});
}
});
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%2f53403922%2fmaterializecss-bunching-multiple-choice-menu-together%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
From the Materialize CSS documentation, <select> needs to have this as the basic initialization. You seem to have missed out the options parameter.
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('select');
var instances = M.FormSelect.init(elems, options);
});
The HTML seems fine.
answered Nov 21 '18 at 3:38
Raghav KukretiRaghav Kukreti
114
options aren't required, adding the word options will just break it unless I tell it something like(elems, {classes: "myClassChoice"})
– Achmann
Nov 21 '18 at 4:30
1
Can you put a sample as a fiddle? Assessing the problem becomes easier then.
– Raghav Kukreti
Nov 21 '18 at 5:26
Sorry for the late reply,@Lankymart I am only querying anything with<select>tags the segment of code contains the <option> tags in the vba.
– Achmann
Nov 22 '18 at 6:05
add a comment |
From the Materialize CSS documentation, <select> needs to have this as the basic initialization. You seem to have missed out the options parameter.
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('select');
var instances = M.FormSelect.init(elems, options);
});
The HTML seems fine.
answered Nov 21 '18 at 3:38
Raghav KukretiRaghav Kukreti
114
options aren't required, adding the word options will just break it unless I tell it something like(elems, {classes: "myClassChoice"})
– Achmann
Nov 21 '18 at 4:30
1
Can you put a sample as a fiddle? Assessing the problem becomes easier then.
– Raghav Kukreti
Nov 21 '18 at 5:26
Sorry for the late reply,@Lankymart I am only querying anything with<select>tags the segment of code contains the <option> tags in the vba.
– Achmann
Nov 22 '18 at 6:05
add a comment |
From the Materialize CSS documentation, <select> needs to have this as the basic initialization. You seem to have missed out the options parameter.
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('select');
var instances = M.FormSelect.init(elems, options);
});
The HTML seems fine.
answered Nov 21 '18 at 3:38
Raghav KukretiRaghav Kukreti
114
From the Materialize CSS documentation, <select> needs to have this as the basic initialization. You seem to have missed out the options parameter.
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('select');
var instances = M.FormSelect.init(elems, options);
});
The HTML seems fine.
answered Nov 21 '18 at 3:38
Raghav KukretiRaghav Kukreti
114
answered Nov 21 '18 at 3:38
Raghav KukretiRaghav Kukreti
114
answered Nov 21 '18 at 3:38
Raghav KukretiRaghav Kukreti
114
answered Nov 21 '18 at 3:38
Raghav KukretiRaghav Kukreti
114
114
options aren't required, adding the word options will just break it unless I tell it something like(elems, {classes: "myClassChoice"})
– Achmann
Nov 21 '18 at 4:30
1
Can you put a sample as a fiddle? Assessing the problem becomes easier then.
– Raghav Kukreti
Nov 21 '18 at 5:26
Sorry for the late reply,@Lankymart I am only querying anything with<select>tags the segment of code contains the <option> tags in the vba.
– Achmann
Nov 22 '18 at 6:05
add a comment |
options aren't required, adding the word options will just break it unless I tell it something like(elems, {classes: "myClassChoice"})
– Achmann
Nov 21 '18 at 4:30
1
Can you put a sample as a fiddle? Assessing the problem becomes easier then.
– Raghav Kukreti
Nov 21 '18 at 5:26
Sorry for the late reply,@Lankymart I am only querying anything with<select>tags the segment of code contains the <option> tags in the vba.
– Achmann
Nov 22 '18 at 6:05
options aren't required, adding the word options will just break it unless I tell it something like
(elems, {classes: "myClassChoice"})– Achmann
Nov 21 '18 at 4:30
options aren't required, adding the word options will just break it unless I tell it something like
(elems, {classes: "myClassChoice"})– Achmann
Nov 21 '18 at 4:30
1
1
Can you put a sample as a fiddle? Assessing the problem becomes easier then.
– Raghav Kukreti
Nov 21 '18 at 5:26
Can you put a sample as a fiddle? Assessing the problem becomes easier then.
– Raghav Kukreti
Nov 21 '18 at 5:26
Sorry for the late reply,@Lankymart I am only querying anything with
<select> tags the segment of code contains the <option> tags in the vba.– Achmann
Nov 22 '18 at 6:05
Sorry for the late reply,@Lankymart I am only querying anything with
<select> tags the segment of code contains the <option> tags in the vba.– Achmann
Nov 22 '18 at 6:05
add a comment |
Firstly thanks to those who tried to help out. It was appreciated.
I ended up downloading a new fresh copy of the Framework out of frustration. Now everything is working as expected. It probably will not help anyone who suffers this in the future unfortunately.
I am not sure why this fixed it. So if you are having this problem. Do try either linking their CDN's or downloading a fresh copy for yourself.
answered Nov 22 '18 at 6:08
AchmannAchmann
949
add a comment |
Firstly thanks to those who tried to help out. It was appreciated.
I ended up downloading a new fresh copy of the Framework out of frustration. Now everything is working as expected. It probably will not help anyone who suffers this in the future unfortunately.
I am not sure why this fixed it. So if you are having this problem. Do try either linking their CDN's or downloading a fresh copy for yourself.
answered Nov 22 '18 at 6:08
AchmannAchmann
949
add a comment |
Firstly thanks to those who tried to help out. It was appreciated.
I ended up downloading a new fresh copy of the Framework out of frustration. Now everything is working as expected. It probably will not help anyone who suffers this in the future unfortunately.
I am not sure why this fixed it. So if you are having this problem. Do try either linking their CDN's or downloading a fresh copy for yourself.
answered Nov 22 '18 at 6:08
AchmannAchmann
949
Firstly thanks to those who tried to help out. It was appreciated.
I ended up downloading a new fresh copy of the Framework out of frustration. Now everything is working as expected. It probably will not help anyone who suffers this in the future unfortunately.
I am not sure why this fixed it. So if you are having this problem. Do try either linking their CDN's or downloading a fresh copy for yourself.
answered Nov 22 '18 at 6:08
AchmannAchmann
949
answered Nov 22 '18 at 6:08
AchmannAchmann
949
answered Nov 22 '18 at 6:08
AchmannAchmann
949
answered Nov 22 '18 at 6:08
AchmannAchmann
949
949
add a comment |
add a comment |
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.
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%2f53403922%2fmaterializecss-bunching-multiple-choice-menu-together%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
