Javascript 选择添加胡子后无法识别的选项

我在页面中有一个选择列表，最初如下所示：

<select id="select-company-type" name="company_type">
    <option value="">Company Type</option>
</select>

其中selectedOption包含与其中一个选项匹配的字符串-它不起作用

此外，即使我手动选择一个选项，在提交表单时，它的值也不会通过GET或POST传递

这就好像新的选择虽然是可见的，却没有被认可

我错过了一个技巧吗

---

谢谢

这是

$（'select company type'）.val（selectedOption）在文档之后调用。准备好的您可能还希望对父元素（如
$（'parentelement'））执行单击事件如果有选项在页面加载后动态添加，这将起作用。是的，它是在document.ready之后调用的，显然表单本身是在页面准备好/加载后提交的，所以我不理解为什么当前所选选项的值没有被发送。添加此代码
$（“#yourForm”）时会得到什么.on（'submit'，function（e）{e.preventDefault）；alert（$（'select company type'）.val（）；}）？给出一个带有空白消息的警报窗口-这表明它是一个空字符串。但是，如果我使用：alert（$（“#选择公司类型”）.find（“：selected”）.text（）；然后我得到所选选项的文本，因此看起来值属性实际上并不是由Mustache模板设置的。
<script id="companyTypeOptionsTpl" type="text/template">
    <option value="">Company Type</option>
    {{#companies}}
        <option value="{{title}}">{{title}}</option>
    {{/companies}}
</script>

$('#select-company-type').val(selectedOption);