Skip to content

Instantly share code, notes, and snippets.

@stdclass

stdclass/yo flo.html

Created July 19, 2016 12:49
Show Gist options
  • Save stdclass/e9d460c23b57ddaf4421f9d201bdfcbf to your computer and use it in GitHub Desktop.
Save stdclass/e9d460c23b57ddaf4421f9d201bdfcbf to your computer and use it in GitHub Desktop.
Download ZIP
yo flo
Raw
yo flo.html
<!doctype html>
<html>
<head>
<script src="assets/admin/js/jquery.js"></script>
</head>
<body>
<div>
<select id="dropdown-1">
<option value="someval1" data-dropdown="dropdown-2">Value 1</option>
<option value="someval2" data-dropdown="dropdown-3">Value 2</option>
<option value="someval3" data-dropdown="dropdown-4">Value 3</option>
</select>
<select id="dropdown-2" style="display:none">
<option>Dropdown 2 Value 1</option>
<option>Dropdown 2 Value 2</option>
<option>Dropdown 2 Value 3</option>
<option>Dropdown 2 Value 4</option>
</select>
<select id="dropdown-3" style="display:none">
<option>Dropdown 3 Value 1</option>
<option>Dropdown 3 Value 2</option>
<option>Dropdown 3 Value 3</option>
<option>Dropdown 3 Value 4</option>
</select>
<select id="dropdown-4" style="display:none">
<option>Dropdown 4 Value 1</option>
<option>Dropdown 4 Value 2</option>
<option>Dropdown 4 Value 3</option>
<option>Dropdown 4 Value 4</option>
</select>
</div>
<script>
$("#dropdown-1").change(function(x){
var dropdownId = $(this).find("option[value=" + $(this).val() + "]").data("dropdown");
$("#" + dropdownId).show();
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment