читать переменную из выпадающей функции в JavaScript

Question

Я использую этот выпадающий в HTML-файл:

<select id="read-type"  onchange="checkrt()">                           
                    <option value="1">2word</option>                    
                    <option value="2">3word</option>
                    <option value="3">line</option>
                    </select>
            </div>

и прочитайте его по:

var dro = document.getElementById("read-type");
var readtype = dro.options[dro.selectedIndex].value;

но этот код не может читать "onchange", или я не знаю, как теперь?, Поэтому я изменяю код на:

$(function checkrt(){
    $('#read-type').on('change', function(){        
        window.readtype = $(this).val();
        alert(readtype);
    });
})

последний код хорошо работает с «alert», но я не могу прочитать переменную «readtype» в следующей функции:

    Function delta(text){
if (readtype == 1) 

это даст мне сообщение (не определите readtype)? Пожалуйста, в чем проблема.

примечание: код может получить тип чтения, если я нажал на кнопку «обновить» в браузере после изменения выбранного элемента в раскрывающемся списке.

• код в app.js, а не в html.

Answer 1

Вам не нужна именованная функция, чтобы содержать триггер onchange.Чтобы получить доступ к значению, вам нужно будет передать readtype в следующую функцию.

Измените свой код на:

$(function(){
    $('#read-type').on('change', function(){        
        var readtype = $(this).val();
        nextFunction(readtype);
    });

    function nextFunction(readtype){
        if (readtype == 1) {
            alert(readtype);
        }
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="read-type">
    <option value="1">2word</option>
    <option value="2">3word</option>
    <option value="3">line</option>
</select>