Javascript select选项在第一次单击按钮时返回null

我有一个按钮打开一个模态，在模态里面我有一个选择选项

我想要的是在每次单击按钮时获取select option的值。。 我经常遇到的唯一问题是，第一次单击按钮时，值返回null，第二次单击时，我已经得到了值

//select option inside the modal
<label>Type of Business</label>
    <select class="form-control" name="bus_type" id="bus_type">
        <option selected disabled>---</option>
            <?php 
              foreach ($result as $value) {
                echo "<option value=".$value['id'].">".strtoupper($value['name'])."</option>";
              }
            ?>                   
    </select>

 $(document).on('click', '.renew', function(){
        var value =  $('#bus_type').val();
        alert(value);
 });

---

.val不适用于禁用的选定选项

您可以使用option:selected作为解决方案，请参见

---

在示例中，第二次单击也不起作用，因此我假设示例不完整。因此，我认为在您第一次单击后，您可以选择另一个未禁用的选项，或者删除禁用属性。

。续订是按钮式代码的类别，不足以回答此问题，因为它不可能有所描述的问题。尝试在演示中复制该问题。