我如何在 php 和 javascript 中发布选定的选项答案

【问题标题】：how do i post selected options in php and javascript我如何在 php 和 javascript 中发布选定的选项
【发布时间】：2020-07-14 08:19:52
【问题描述】：

我正在尝试在 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>

【问题讨论】：

“但我意识到它搞砸了 JavaScript 计算” - 搞砸什么计算怎么办？每个元素也只能有一个 onchange 属性。如果需要调用多个函数，应该在同一个属性中：onchange="foo(); bar()"

标签： javascript php html drop-down-menu onchange

【解决方案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

【讨论】：

由于OP没有提到jQuery，使用vanilla JS写一个答案可能会更好。
@MagnusEriksson 为这两种情况添加了两个选项。