<section id="user">
    <h3>РЕЗУЛЬТАТЫ ОГЭ/ГВЭ</h3>
    <div style="display:inline-block; padding-left:7px;padding-top:10px;">
        <select class="styler width-400" name="subject" id="subject">
            <option value="-1">-------------------------Выберите предмет------------------------</option>

            <option value="51">ГВЭ: Русский язык</option>
            <option value="53">ГВЭ: Физика</option>
            <option value="55">ГВЭ: Информатика</option>
            <option value="56">ГВЭ: Биология</option>
            <option value="57">ГВЭ: История (с ХХ веком)</option>
            <option value="68">ГВЭ: Литература</option>
            <option value="58">ГВЭ: География</option>
            <option value="52">ГВЭ: Математика</option>
            <option value="54">ГВЭ: Химия</option>
            <option value="59">ГВЭ: Английский язык</option>
            <option value="60">ГВЭ: Немецкий язык</option>
            <option value="61">ГВЭ: Французский язык</option>
            <option value="62">ГВЭ: Обществознание</option>
            <option value="63">ГВЭ: Испанский язык</option>
            <option value="2">ОГЭ: Математика</option>
            <option value="7">ОГЭ: История (с ХХ веком)</option>
            <option value="17">ОГЭ: История (без ХХ века)</option>
            <option value="6">ОГЭ: Биология</option>
            <option value="3">ОГЭ: Физика</option>
            <option value="8">ОГЭ: География</option>
            <option value="9">ОГЭ: Английский язык</option>
            <option value="10">ОГЭ: Немецкий язык</option>
            <option value="11">ОГЭ: Французский язык</option>
            <option value="13">ОГЭ: Испанский язык</option>
            <option value="1">ОГЭ: Русский язык</option>
            <option value="5">ОГЭ: Информатика</option>
            <option value="12">ОГЭ: Обществознание</option>
            <option value="4">ОГЭ: Химия</option>
            <option value="18">ОГЭ: Литература</option>
        </select>
    </div>

    <div style="display:inline-block; padding-left:7px;padding-top:10px;">
        <select class="styler width-400" name="examdate" id="examdate">
            <option value="0">-------------------------Дата экзамена------------------------</option>
        </select>
    </div>

    <div style="display:inline-block; padding-left:7px;padding-top:10px;width:400px;">
        <input type="text" class="styler" placeholder="Серия документа" value="" name="docS" id="docS" style="width:380px;">
    </div>

    <div style="display:inline-block; padding-left:7px;padding-top:10px;width:400px;">
        <input type="text" class="styler" placeholder="Номер документа" value="" name="docN" id="docN" style="width:380px;">
    </div>

    <div style="display:inline-block; padding-left:7px;padding-top:10px;width:800px;" align="center">
        <input type="button" value="Узнать результат" class="google_buttons add_news" onclick="get_result();" style="width:280px;">
    </div>

    <div id="result">
        &nbsp;
    </div>

    <script>
        function get_result() {

            var SubjectCode = $("select#subject").val();

            var ExamDate = $("select#examdate").val();

            var DocN = $("input#docN").val();

            var DocS = $("input#docS").val();

            $.post("/ajax/get_oge_result.php", {
                SubjectCode: SubjectCode,
                ExamDate: ExamDate,
                DocN: DocN,
                DocS: DocS
            }, onAjaxSuccess);

            function onAjaxSuccess(data) {
                $("div#result").html(data);
            }
        }

        $(function() {

            //Подгрузка страниц в селектор
            $('#subject').on('change', function() {
                var SubjectCode = $('select#subject option:selected').val();

                $.post("http://sarrcoko.ru/ogeresult/ajax/get_date_by_exam.php", {
                    SubjectCode: SubjectCode
                }, onAjaxSuccess);

                function onAjaxSuccess(data) {

                    $('#examdate').html(data);

                    setTimeout(function() {
                        $('input, select').trigger('refresh');
                    }, 1)
                }
            });

        });

        (function($) {
            $(function() {
                $('select#subject').styler({
                    selectSearch: false,
                    selectSearchLimit: 2,
                    onSelectOpened: function() { /*$("#dialog-edit").height(400);*/ },
                    onSelectClosed: function() { /*$("#dialog-edit").height(175);*/ }
                });
            });
        })(jQuery);
        (function($) {
            $(function() {
                $('select#examdate').styler({
                    selectSearch: false,
                    selectSearchLimit: 2,
                    onSelectOpened: function() { /*$("#dialog-edit").height(400);*/ },
                    onSelectClosed: function() { /*$("#dialog-edit").height(175);*/ }
                });
            });
        })(jQuery);
    </script>

</section>