jquery - 如何防止当 select 的 HTML 更改时触发 JQuery 更改事件？

Question

我有一个附加了更改事件的选择元素，以便当用户选择新选项时，该文本将被放置到相应的输入元素中。工作正常:

$("select[name='" + dropdown_name + "']").live("change", function()
{
    text = $("select[name='" + dropdown_name + "'] option:selected").text();
    $("#" + inputfield).val(text);
});

但是，当另一个选择发生更改时，该选择字段的 html 会根据 AJAX 请求进行更改。发生这种情况时，HTML 更改前的 select 元素中的选定值将被放入输入字段中。

$.get("file.php", {x: x, y: y}, function(text)
{
$("select[name='dropdown_name']").html(text).removeAttr("disabled");
    if (!$("select[name='dropdown_name'] option.selected").length)
    {
        $("select[name='dropdown_name'] option[value='1']").attr("selected", "selected");
    }
    $("#_inputfield").removeAttr("disabled");
});

如何防止该特定函数仅在 HTML 更改时发生？

Answer 1

1) 移除绑定(bind)；

2)进行更改；

3) 恢复绑定(bind)。

或者使用一些检查值(可能是隐藏输入的值) - 来减少事件绑定(bind)更改。