This is not a real select, problem with not defered loading

a select has an option value and an option label

this select has only an option label

so i wont use it.

But anyway:

there was errors when loading your script. They only occurred when loading radio boxes as well and hovering over them:

http://imageshack.com/i/pmRbMovdp

i could fix it by loading the scripts like this:

    <script defer src="https://code.getmdl.io/1.1.3/material.min.js"></script>
    <script defer src="/js/mdl-select/getmdl-select.min.js"></script>

this way i would get errors:

    <script defer src="https://code.getmdl.io/1.1.3/material.min.js"></script>
    <script src="/js/mdl-select/getmdl-select.min.js"></script>

would cause the errors (note, the mdl select script is loaded from localhost). i could not reproduce with codepen, maybe because the mdl-select script eventually ends up loading faster

[garnold]

@Jossnaz Take a look at the example in the README, specifically the data-val attribute.

[franckevva]

Hi, @Jossnaz ! Can you formulate once more what you want to that we make? I don’t catch your idea. This select has option value.

About defer. Of course, this will only work in the first variant. The script will be executed after material.js.