Forums

aligolabi

hello every one, i wrote this code, i want to clear the textbox value with this:


<html xmlns=\"http://www.w3.org/1999/xhtml\">

<head>
<meta content=\"text/html; charset=utf-8\" http-equiv=\"Content-Type\" />
<title>Untitled 1</title>
<script type=\"text/javascript\" src=\"jquery-1.3.min.js\"></script>
<script type=\"text/javascript\">
	$(document).ready(function(){
		$(':reset').click(function(){
			$(':text').val('');
		});
	});
</script>
</head>

<body>
<form action=\"som.php\" method=\"post\">
<input type=\"text\" value=\"defult\" />
<input type=\"reset\" value=\"clear\" />
</form>
</body>

</html>

please tell me what wrong with this code?
when i click on reset button nothing happen

falkencreative

Your code actually is working... just not in the way you think it should. At the moment, if you load the form, then click the button, it appears that nothing happens. However, try reloading the page, changing the value of the text element, and then clicking the reset button. Currently, your jquery code resets everything back to their default values. Since the text element has a default value of "defult", it will go back to that.

That being said, perhaps you should look at this article, which may give you a slightly different perspective:
http://www.learningjquery.com/2007/08/c ... -form-data

aligolabi

thank u falkencreative,
i solve that, it is not good idea that using <input type="reset"> for handling the clear function,
because when i press the reset browser try to change the value to "defult" and .val('')doesn't work,
changing type of input to BUTTON can solve this issue.

[sorry for my english]

treehouse : what would you like to learn today?

Forums

clearing text box value