Javascript

【Javascript】Javascriptを使用してセレクトをカスタムするCustom Selects

October 28, 2018
Custom Selects (WIP)

Custom SelectsはJavascriptを使用してセレクトをカスタムすることができるます。

Use

			<div class="content">

				<div class="selects">
					<select name="select" id="select-1">
						<option value="hidden" selected="selected" disabled>Month</option>
						<option value="jan">January</option>
						<option value="feb">February</option>
						<option value="mar">March</option>
						<option value="apr">April</option>
						<option value="may">May</option>
						<option value="jun">June</option>
						<option value="jul">July</option>
						<option value="aug">August</option>
						<option value="sept">September</option>
						<option value="oct">October</option>
						<option value="nov">November</option>
						<option value="dec">December</option>
					</select>
					<select name="select" id="select-2">
						<option value="hidden" selected="selected" disabled>Year</option>
						<option value="2010">2010</option>
						<option value="2011">2011</option>
						<option value="2012">2012</option>
						<option value="2013">2013</option>
						<option value="2014">2014</option>
						<option value="2015">2015</option>
						<option value="2016">2016</option>
						<option value="2017">2017</option>
						<option value="2018">2018</option>
					</select>
				</div>

			</div>

MIT