如何在php和javascript中发布所选选项

我试图在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>
                         

散文
学期论文
研究论文
作业
书报
书评
影评
论文

将此代码用于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

，因为OP没有提到jQuery，所以最好使用vanilla JS编写答案。@Magnueriksson为这两种情况都添加了这两个选项。“但我意识到这会搞乱JavaScript计算”-搞乱什么计算？每个元素也只能有一个

onchange

属性。如果需要调用多个函数，它应该位于同一个属性中：

onchange=“foo（）；bar（）”