Hersteller Submenue

by powtac

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<div class="dropdown"><span class="text-danger">5M XYZ </span><i class="fa fa-cog text-muted dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown"></i>
  <ul class="dropdown-menu">
      <li>Hersteller Zuordnen</li>
      <li>
          <select class="form-control">
              <option>1</option>
              <option>2</option>
              <option>3</option>
              <option>4</option>
              <option>5</option>
          </select>
      </li>
      <li><button class="btn btn-primary">Zuordnung Speichern</button></li>
      <li role="separator" class="divider"></li>
      <li><a href="#">Hersteller neu anlegen</a></li>
  </ul>
</div>

CSS

.fa-cog {
    cursor:pointer;
}

JavaScript

$(document).ready(function() {
    $(document).on('click', '.fa-cog', function(e) {
        e.preventDefault();
        e.stopPropagation();
        console.log('click');
        
        $('.dropdown select').click(function(e) {
            e.stopPropagation();
            console.log('select');
        });
    });
})