jquery - 如何在选择我使用实时更改 jquery 功能的位置更改选项时停止获取先前的值

Question

我正在使用一个表，其中根据表中存在的行数填充选择选项。在这里，我在 jquery 中使用实时更改功能来跟踪实时更改，并且我存储在变量中，但是当单击下一个选项时，它返回以前的值。

$(document).ready(function()
{
    $('.sel').live('change',function(event)
    {
        var selected = $(this).val();
        $(".save").click(function()
        {

            console.log(selected);
            if(selected == 'NULL')
            {
                alert("Select An Option");
            }
            if(selected == 'taking')
            {
                alert("taking");
            }
        }); 
    });
});

Answer 1

正如@Bramar 已经指出的那样.live()，不推荐使用...使用.on()or .change()。

除此之外，这是绑定点击事件的一种非常奇怪的方式。每次更改您的选择值时，您还会将另一个处理程序绑定到.save这就是为什么当点击事件被触发时您在日志中获取两个值的原因

Answer 2

this is my solution
<select class="sel"><option value="NULL">Select an Option</option></select>
<button class="save">Save</button>

$(document).ready(function()
{
    $(".sel").change(function(e)
    {
        $( ".save" ).unbind();
        var selected = $(this).val();
        $(".save").click(function()
        {
            if(selected == 'NULL')
            {   
                alert("Select An Option");
                $( ".save" ).unbind();
            }
           });
    }); 
});