Dropdown index finder

onclick Dropdown index finder

by Ganesh

HTML

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<select id="rep_fromMonth" name="rep_fromMonth"><option value="April 2017">April 2017</option><option value="March 2017">March 2017</option><option value="February 2017">February 2017</option><option value="January 2017">January 2017</option><option value="December 2016">December 2016</option><option value="November 2016">November 2016</option><option value="October 2016">October 2016</option><option value="September 2016">September 2016</option><option value="August 2016">August 2016</option><option value="July  2016">July 2016</option><option value="June 2016">June 2016</option><option value="May 2016">May 2016</option><option value="April 2016">April 2016</option><option value="March 2016">March 2016</option><option value="February 2016">February 2016</option><option value="January 2016">January 2016</option></select>


<select id="rep_toMonth" name="rep_toMonth">
									<option value="April 2017">April 2017</option><option value="March 2017">March 2017</option><option value="February 2017">February 2017</option><option value="January 2017">January 2017</option><option value="December 2016">December 2016</option><option value="November 2016">November 2016</option><option value="October 2016">October 2016</option><option value="September 2016">September 2016</option><option value="August 2016">August 2016</option><option value="July  2016">July 2016</option><option value="June 2016">June 2016</option><option value="May 2016">May 2016</option><option value="April 2016">April 2016</option><option value="March 2016">March 2016</option><option value="February 2016">February 2016</option><option value="January 2016">January 2016</option></select>

JavaScript

$('#rep_fromMonth').change(function() 
{
alert($("#rep_fromMonth").prop('selectedIndex'));
var optionIndex=$("#rep_fromMonth").prop('selectedIndex');
optionIndex ++;
$("#rep_toMonth option").hide();
$("#rep_toMonth option:lt("+optionIndex+")").show();

});