как разместить выбранные параметры в php и javascript

Question

Я пытаюсь получить текст выбранного значения в поле HTML select. Я пробовал использовать событие onchange, но понял, что это портит вычисления JavaScript. Есть ли другой способ получить текст выбранного значения, не мешая функции автоматического расчета?

<select style="width: 300px;" name="typeofdocument" class="form-control" onchange="getText(this)" onchange="javascript:doOrderFormCalculation();" onclick="javascript:doOrderFormCalculation();" id="typeofdocument">                    
    <option value="1" >Essay</option>
    <option value="2" >Term Paper</option>
    <option value="3" >Research Paper</option>
    <option value="4" >Coursework</option>
    <option value="5" >Book Report</option>
    <option value="6" >Book Review</option>
    <option value="7" >Movie Review</option>
    <option value="8" >Dissertation</option>
                         

Answer 1

используйте этот код для JQuery

$('#typeofdocument').change(function() {
    console.log($(this).val());
    javascript:doOrderFormCalculation();
});

и это для собственного JS

const selectElement = document.getElementById('typeofdocument');

selectElement.addEventListener('change', (event) => {
    console.log(event.target.value);
    javascript:doOrderFormCalculation();
});

и удалите onchange, onclick