javascript - 清除文本框脚本不起作用

Question

我有这个表单和这个脚本，但是脚本不起作用。我一个月前用过它，它有效，但现在不起作用。

<form method="post">
    <input type="hidden" name="depName" value="<?php echo $_GET['var'];?>">
    <input type="hidden" name="personStat" value="Espera">

    <div class="input1">FirstName :<input type="text" name="fname" class="in1" value="<?php echo $nombre;?>"> <span class="error1">* <?php echo $nombreErr;?></span> </div>

    <div class="input2">LastName :<input type="text" name="lname" class="in2" value="<?php echo $apellido;?>"> <span class="error2">* <?php echo $apellidoErr;?></span> </div>

    <div class="input3">2LastName :<input type="text" name="Slname" class="in3" value="<?php echo $segundoAppellido; ?>"> <span class="error1"><?php echo $segundoAppellidoErr; ?></span> </div>

    <div class="input4">Student Id :<input type="text" name="studentId" class="in4" value="<?php echo $idEstudiante;?>"> <span class="error2"><?php echo $idEstudianteErr; ?></span> </div>

    <input class="buttonClr" type="button" value="Clear">
</form>

脚本

<script> //Funtion that works on buttonClr click
    $(".buttonClr").live('click',function(){ 
        $(this).parents('form').find('input[type="text"]').val(''); //Clear all textboxes
        $('Select').val(''); //Clear the multiple select
    });
</script>

Answer 1

我猜您已将 jquery 更新到版本 1.7 或更高版本，因此 live() 不再起作用。这是 jQuery documentation 的解释

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live().

如下更改您的脚本

<script> //Funtion that works on buttonClr click
    $(".buttonClr").on('click',function(){ 
         $(this).parents('form').find('input[type="text"]').val(''); //Clear all textboxes
         $('Select').val(''); //Clear the multiple select
    });
</script>

工作演示:http://jsfiddle.net/16nu4aom/