Bootstrap- Dropdown from Glyphicon

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<br>
<div class="panel panel-default">
    <div class="panel-heading">
        <div class="pull-left">
             <h3 class="panel-title">Test</h3>

        </div>
        <div class="pull-right">
            <div class="dropdown"> <span class="glyphicon glyphicon-plus dropdown-toggle" data-toggle="dropdown"></span>

                <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu1">
                    <li><a href="#" onclick="valg('1')">Valg 1</a>

                    </li>
                    <li><a href="#" onclick="valg('2')">Valg 2</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="panel-body">Panel content</div>
</div>

CSS

.panel {
    width: 500px;
}

.panel-heading {
    min-height: 36px;
}

JavaScript

function valg(nr) {
    alert('Du valgte valg nr ' + nr);
}