Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>  
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <meta name="description" content="09/02/2016 22:09:45 : fail ville">
  <title>JS Bin</title>
  
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  
</head>
<body>
​
<form>
    <div class="dropdown">
        <div class="btn-group pays">
            <button class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown" href="#">
              <img class="flag">
              <span class="toggle-label">PAYS</span>
              <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li>
                    <input type="hidden" name="France" id="Fr" value="1" 1>
                    <a href="#"><img src="http://vignette1.wikia.nocookie.net/destinypedia/images/0/06/French_Flag_Icon.png">France</a>
                </li>
                <li>
                    <input type="hidden" name="Italie" id="It" value="2" 2>
                    <a href="#"><img src="http://vignette2.wikia.nocookie.net/destinypedia/images/3/35/Italian_Flag_Icon.png">Italie</a>
                </li>
            </ul>
        </div>
        <div class="btn-group ville">
            <button class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown" href="#">
                <span class="toggle-label">VILLES</span>
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu"></ul>
        </div>
    </div>
    
    <div id="villes">
        <ul id="Ville_Fr">
            <li><a href="#">Paris</a></li>
            <li><a href="#">Marseille</a></li>
            <li><a href="#">...</a></li>
        </ul>
        <ul id="Ville_It">
            <li><a href="#">Rome</a></li>
            <li><a href="#">Milan</a></li>
            <li><a href="#">...</a></li>
        </ul>
    </div>
</form>
  
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers