javascript - 如果 onchange 还不够，则在选项标签上单击 onclick

Question

我有两个选择A和B，它们在onchange事件上触发相同的ajax请求，重写一些内容区域。 如果我点击 select A 中的选项 A，onchange 效果很好，并且 ajax 调用会重写内容。 然后，如果我单击选择 B 中的选项 B，此 ajax 调用也会重写内容。 问题就在这里。如果我想在第一个操作中选择选择 A 中的选项 A，它保持选中状态，则不会触发 onchange 事件(因为已选择)。

选项标签不支持点击事件怎么解决？我尝试在 onchange 之后取消选择选项标签，例如

complete: function()
{
    $(this).prop("selected", false);
}

但即使取消选择选项，这也不会触发 onchange 事件。怎么解决呢？谢谢。

示例 https://jsfiddle.net/h7cokr6b/1/

Answer 1

complete: function()
{
    $(this).prop("selectedIndex", 0); // It has to be default selected value's index.
}