<script type="text/javascript"> $( ".selectbox" ).ready(function() { var option_len = $(".search-widget option").length for (var i=0;i<option_len;i++){ if($(".search-widget option").eq(i).data('selected')=="selected"){ $(".search-widget option").eq(i).attr('selected','selected') } } }); </script> <h3>{{widget-title}}</h3> <div class="search-widget"> <form action="{{url}}" method="get"> <input type="hidden" name="authenticity_token" value="{{csrf_value}}"> {{select_text}} <select class="selectbox" name="selectbox" data-level="0" data-list="choice"> <option value={{choice_value}} data-selected='{{choice_select}}' > {{choice_show}}</option> </select> {{search_text}} <input name="keywords" placeholder="Keywords" type="text" value="{{search_value}}"> <button>Go</button> <a id="filter" style="" href="{{url}}">Clear</a> </form> </div> <table class="table table-hover table-striped personal_conference-index"> <thead> <tr data-level="0" data-list="headers"> <th class="col-md-{{col}}">{{head-title}}</th> </tr> </thead> <tbody data-level="0" data-list="writing_conferences"> <tr data-level="1" data-list="cps"> <td>{{value}}</td> </tr> </tbody> </table> {{pagination_goes_here}}