Очистка формы JS

Platton

Platton

Постоялец
Регистрация
10 Май 2014
Сообщения
79
Реакции
20
В js я не силён. Помогите разобраться.
Не могу понять почему не работает скрипт очистки формы от предустановленных значений в value

HTML: 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Стартовая страница</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$("input[type=button]").click(function() {
    $(this).closest('form').find(':input','option:selected')
     .not(':button, :submit, :reset, :hidden')
     .val('')
     .removeAttr('checked')
     .removeAttr('selected');   
});
</script>
</head>

<body>
<form action="" id="myform" method="post">
First Name: <input type="text" name="txtFirstName" id="txtFirstName" value="Vasy" /><br />
Last Name:  <input type="text" name="txtLastName" id="txtLastName"  value="Petrov" /><br />
<br />
<input type="button" value="Очистить">
</form>
</body>
</html>
 
Q_BASIC написал(а):
Возможно, Вам нужно это: Для просмотра ссылки Войди или Зарегистрируйся?
Нажмите для раскрытия...
причём это?

Platton написал(а):
В js я не силён. Помогите разобраться.
Не могу понять почему не работает скрипт очистки формы от предустановленных значений в value

HTML: 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Стартовая страница</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$("input[type=button]").click(function() {
    $(this).closest('form').find(':input','option:selected')
     .not(':button, :submit, :reset, :hidden')
     .val('')
     .removeAttr('checked')
     .removeAttr('selected');  
});
</script>
</head>

<body>
<form action="" id="myform" method="post">
First Name: <input type="text" name="txtFirstName" id="txtFirstName" value="Vasy" /><br />
Last Name:  <input type="text" name="txtLastName" id="txtLastName"  value="Petrov" /><br />
<br />
<input type="button" value="Очистить">
</form>
</body>
</html>
Нажмите для раскрытия...
Код: 
<script>
$(document).ready(function(){
$("input[type=button]").click(function() {
    $(this).closest('form').find(':input','option:selected')
     .not(':button, :submit, :reset, :hidden')
     .val('')
     .removeAttr('checked')
     .removeAttr('selected');  
});
});
</script>

Вот так будет работать
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху