Javascript 使用jQuery更改DOM

我正在尝试执行一个AJAX请求来更改DOM。请使用以下HTML：

<div class="input-field col s12 l6">
    <input type="date" class="date datepicker" name="date" required>
    <label for="date">Date</label>
</div>
<div class="input-field col s12 l6 hour">
    <select class="select-hour" name="time">
        <option value=""selected>No options available</option>
    </select>
    <label>Label</label>
</div>

---

当我从服务器收到选项时，我想将它们附加到select中，但它不起作用。请帮助。

试试看，

这个

在

函数（e）{…}

和

成功：函数（数据）{…}

上是不同的

---

试试看，

这个

在

函数（e）{…}

和

成功：函数（数据）{…}

上是不同的

---

这个

不是你在回调中所认为的这个不是你在回调中所认为的它工作了！谢谢成功了！谢谢

$(".date").change(function(e){
    $.ajax({
        type: 'POST',
        url: '/reserve }}',
        data: {
            date: $(this).val(),
        },
        success: function (data) {
            var selectDropdown = $(this).parent().next().find('select').empty();
            selectDropdown.append(data);
        }
    });
});

$(".date").change(function(e){
    var $this = $(this);
    $.ajax({
        type: 'POST',
        url: '/reserve }}',
        data: {
            date: $this.val(),
        },
        success: function (data) {
            var selectDropdown = $this.parent().next().find('select').empty();
            selectDropdown.append(data);
        }
    });
});