setInterval select field

by Joe Saad

HTML

<select name="" id="">
    <option value="1">option 1</option>
    <option value="2">option 2</option>
    <option value="3">option 3</option>
    <option value="4">option 4</option>
    <option value="5">option 5</option>
</select>

<div id="divOption">1</div>

CSS

div {
    border:1px solid red;
    width: 100px;
    height: 100px;
    padding: 20px 0 0;
    text-align: center;
    font-size: 30px;
}

JavaScript

var i = 1;
setInterval(function () {
    ++i;
//    if (i > 5) { i = 1  };
    i = (i > 5 ? 1 : i);
    $('select').val(i);
    $('select').trigger('change');

}, 3000);


$('body').on('change','select',function(){
    $('#divOption').text($(this).val());
});