在AJAX和JQUERY函数之后显示默认选项值

我有一个AJAX函数，在选择新选项时运行。HTML如下所示：

<select class="event_change" id="event_change" name="event">
    <option value="" selected disabled>Choose Event</option>
    <option id="1|2|3">Option 1</option>
</select>

$('.event_change').change(function () {
    var id = $(this).find(':selected')[0].id;
    if (confirm("Confirm")== true){
    $.ajax({
        type: 'POST',
        url: 'event_docs.php',
        data: {'id': id},
        success: function () {
        alert("Success!")
        }
    });
    $(this).find(':selected')[0].remove();
}
});

AJAX和JQuery可以完美地工作，所选选项的ID值作为POST值发送，然后从选择中删除该选项

我正在努力弄清楚的是如何将默认选项重置为最初在HTML中设置为选中的选项

我有一个很好的挖掘周围，并认为我可以创建一个新的选项与所需的内容，但在下拉列表中，我会有两个禁用的选项，如果这是有意义的

有人知道重置选择选项并显示原始选择选项的方法吗？

您可以使用

$（'[name=event]'）.val（'''）重置选项

您不必删除：selected选择器，只需替换
$（this）.find（':selected'）[0].remove（）由
$（'[name=event]'）.val（''）
您可以使用
$（'[name=event]'）.val（''）重置选项

您不必删除：selected选择器，只需替换
$（this）.find（':selected'）[0].remove（）由
$（'[name=event]'）.val（''）
如果默认值始终是第一个选项，则只需将所选索引设置为0即可


$（'.event_change'）.change（函数（）{
var id=$（this）.find（'：selected'）[0].id；
如果（确认（“确认”）==真）{
$.ajax({
键入：“POST”，
url:“event_docs.php”，
数据：{'id'：id}，
成功：函数（）{
警报（“成功！”）
}
});
此参数。selectedIndex=0；
}
});

选择活动
选择1
如果默认值始终是第一个选项，则只需将所选索引设置为0即可


$（'.event_change'）.change（函数（）{
var id=$（this）.find（'：selected'）[0].id；
如果（确认（“确认”）==真）{
$.ajax({
键入：“POST”，
url:“event_docs.php”，
数据：{'id'：id}，
成功：函数（）{
警报（“成功！”）
}
});
此参数。selectedIndex=0；
}
});

选择活动
选择1
这是完美的，谢谢，这是未来使用的好知识：）这是完美的，谢谢，这是未来使用的好知识：）这也是非常感谢。但是我确实需要保留删除功能，因为一旦用户选择了该选项，然后确认该选项需要删除，因此不再在列表中。这也是非常感谢的。但是，我确实需要保留删除功能，因为一旦用户选择了该选项，然后确认该选项需要删除，因此不再在列表中。