xxxxxxxxxx
1
<div class="dropdown">
2
<button
3
class="btn btn-primary dropdown-toggle"
4
type="button"
5
id="dropdownMenuButton"
6
data-mdb-dropdown-init
7
data-mdb-ripple-init
8
aria-expanded="false"
9
>
10
Dropdown button WORKING
11
</button>
12
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
13
<li><a class="dropdown-item" href="#">Action</a></li>
14
<li><a class="dropdown-item" href="#">Another action</a></li>
15
</ul>
16
</div>
17
18
<br><br>
19
<button onClick="CreateDrop()">Create Drop</button>
20
21
<br><br>
22
<div id="dyn"></div>
1
1
xxxxxxxxxx
1
function CreateDrop()
2
{
3
var dropdown=`<div class="dropdown">
4
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton2" data-mdb-dropdown-init data-mdb-ripple-init aria-expanded="false" >
5
Dropdown NOTTTTT WORKING </button>
6
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <li><a class="dropdown-item" ref="#">Action</a></li>
7
<li><a class="dropdown-item" href="#">Another action</a></li>
8
</ul></div>`
9
var divContainer = document.getElementById('dyn');
10
divContainer.innerHTML = dropdown
11
const instance = new mdb.Dropdown(divContainer)
12
instance.update()
13
}
Console errors: 0