jQuery

【jQuery】テキスト、画像などを表示可能にしたカスタムドロップダウンリストGorilla Dropdown

November 11, 2017
Gorilla Dropdown

Gorilla Dropdownはテキスト、画像などを表示可能にしたカスタムドロップダウンリストのためのjQueryプラグイン。

JS&CSS

		<link rel="stylesheet" href="../dist/css/jquery.gorilla-dropdown.css">
		<link rel="stylesheet" href="css/main.css">
		
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
		<script type="text/javascript" src="../dist/js/jquery.gorilla-dropdown.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		<select id="s1">
			<option value="saab" data-imgsrc="https://www.easyicon.net/api/resizeApi.php?id=511326&size=32" data-description="Description with Saab">Saab</option>
			<option value="mercedes" data-imgsrc="https://www.easyicon.net/api/resizeApi.php?id=511305&size=32" data-description="Description with Mercedes">Mercedes</option>
			<option value="honda" data-imgsrc="https://www.easyicon.net/api/resizeApi.php?id=511290&size=32">   	</option>
		</select>

MIT