ajax selector test

by khemikal

HTML

<select id="year_opt" style="width: auto;">
  <option class="defaultopt" selected="" disabled="">FYE Year</option>
  <option>FYE 2017</option>
  <option>FYE 2018</option>
  <option>FYE 2019</option>
</select>

CSS

select {
  border: 1px solid #333;
  width: 130px;
  height: 25px;
  border-radius: 3px;
  overflow: hidden;
  background-color: #333;
  color: #fff;
  font-weight: 700;
  vertical-align: middle;
}

select:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  background-color: #444;
}

JavaScript

$.ajax({
      type: "POST",
      dataType: "json",
      contentType: "application/json; charset=utf-8",
      url: "apps.aspx/fye_data",
      data: "{'file':'sql.apr_selections.fye.sql', 'con':'rl'}",
      success: function(success) {
        $('#year_opt').append(success.d);
      },
      error: function() {
        console.log('error11111111111111')
      }
    })