HTML触发事件 <select>再次选择相同条目时显示

Question

在HTML表单中，我使用如下所示的下拉列表：

<select onchange="send()">
  <option value="a">Option A</option>
  <option value="b">Option B</option>
  <option value="c">Option C</option>
</select>

当用户更改所选条目时， send()调用send() ，该方法基本上使用jQuery.ajax(...)将新值发送到服务器。 这很好。

当传输由于某种原因失败时，会通知用户该错误。 然后，大多数用户将再次选择相同的条目以重试。 现在的问题是，由于值未更改，因此不会再次触发onchange事件。 处理此问题的最佳方法是什么？

Answer 1

试试这个HTML

<select id="chg">
    <option>a</option>
    <option selected>b</option>
    <option>c</option>
</select>

脚本

$("select#chg").mouseup(function() {
    var open = $(this).data("isopen");

    if(open) {
        alert($(this).val());
    }

    $(this).data("isopen", !open);
});

DEMO

Answer 2

您可以创建一个空值选项

<option value=''></option>

默认情况下，将其选为首次加载。如果任何选择发生错误，您都可以从选择框中选择“空”选项。 因此，下次用户将需要选择选项，然后将调用您的“ send（）”函数。

// Selection empty option by code
$('#selectBoxId').val('');

Answer 3

也许你可以使用onclick事件