Форум

al456 · #1 (**permalink**) 30.07.2014, 17:47

Понимаю, что можно и по другому решить, но уже хочется до конца разобраться.
Есть форма, на форме два button.
Данные формы не должны передаваться на сервер
$('form').submit(......
При клике на button нужно узнать ее name - на этом застрял - помогите - подскажите.

<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
	 
	<form action="" method="post">
		<select name="city">
		<option disabled="" selected="selected">Выберите Город</option>
			<option value="2">Абакан</option>
			<option value="3">Барнаул</option>
		</select>
		<br>
		<button name="first">ПЕРВЫЙ</buton>
		<button name="second">ВТОРОЙ</buton>
	</form>
</body>
</html>

WorM32 · #2 (**permalink**) 31.07.2014, 09:07

<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
	 
	<form action="" method="post">
		<select name="city">
		<option disabled="" selected="selected">Выберите Город</option>
			<option value="2">Абакан</option>
			<option value="3">Барнаул</option>
		</select>
		<br>
		<button name="first">ПЕРВЫЙ</buton>
		<button name="second">ВТОРОЙ</buton>
	</form>
<script>

$('form').find('button').on('click', function (e) {
    e.preventDefault();
    alert(this.name);
});
</script>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript