Форум

skillful · #1 (**permalink**) 27.01.2014, 15:41

Здравствуйте. Есть вот такой код:

function get(form){
...
alert('Какая именно кнопка нажата');	
}

Код:

<form action="" method="POST" onsubmit="return get(this);">
<input name="kn1" id="kn1" value="Кнопка1" type="submit">
<input name="kn2" id="kn2" value="Кнопка2" type="submit">
</form>

Как в функции get() узнать какая кнопка была нажата?

ksa · #2 (**permalink**) 27.01.2014, 16:09

Сообщение от skillful

Как в функции get() узнать какая кнопка была нажата?

Как вариант...

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
function get(form){
	var val=form.getAttribute('data-button');	
	alert('Какая именно кнопка нажата - '+val);	
};
function on(Obj){
	var o=Obj.parentNode;
	o.setAttribute('data-button',Obj.id);	
	alert(o.getAttribute('data-button'))
	o.submit();
};
</script>
</head>
<body>
<form action="" method="POST" onsubmit="return get(this);" data-button='kn1'>
	<input name="kn1" id="kn1" value="Кнопка1" type="submit" />
	<input name="kn2" id="kn2" value="Кнопка2" type="button" onclick='on(this);' />
</form>
</body>
</html>

skillful · #3 (**permalink**) 27.01.2014, 16:27

Сообщение от ksa

Как вариант...

Ну совсем не вариант!!
Почему в form "data-button='kn1'"?
type="submit" не должен меняться на type="button"

ksa · #4 (**permalink**) 27.01.2014, 16:31

Сообщение от skillful

Ну совсем не вариант!

Тогда сам, сам...

skillful · #5 (**permalink**) 27.01.2014, 16:39

Сообщение от ksa

Тогда сам, сам...

Не, не сам, не сам... Если б сам, сюда не писал бы....

рони · #6 (**permalink**) 27.01.2014, 18:01

skillful,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
   <script>
 window.onload = function () {
    var id = "",
        form = document.querySelector("form");
    form.onsubmit = function (a) {
        alert(id);
        return !1
    };
    form.onclick = function (a) {
        a = a.target || window.event.srcElement;
        "INPUT" == a.tagName && (id = a.id)
    }
};
  </script>
</head>
<body>
<form action="" method="POST" >
<input name="kn1" id="kn1" value="Кнопка1" type="submit">
<input name="kn2" id="kn2" value="Кнопка2" type="submit">
</form>
</body>
</html>

Cuntmann · #7 (**permalink**) 27.01.2014, 18:13

ну, у меня получилось примерно то же самое, но более приземленно:

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>XZ</title>
<style>
body{color:#000;background-color:#fcfcfc;font-family:Georgia,'Bookman Old Style',Verdana;font-size:14px;text-align:center;}
input{text-align:center;}
</style>
<script>
var ID;

function get(frm){
alert('Кликнули по кнопке с айди '+ID);
return false;
}

window.onload=function(){

var f=document.forms[0],
    elems=f.elements;
for(var i in elems){
if(elems[i].type=='submit'){
elems[i].onmousedown=function(){
ID=this.attributes['id'].nodeValue;
}
}
}

}
</script>
</head>
<body>
<form action="" method="POST" onsubmit="return get(this);">
<input name="kn1" id="kn1" value="Кнопка1" type="submit" />
<input name="kn2" id="kn2" value="Кнопка2" type="submit" />
</form>
</body>
</html>

п.с. понравилось

Цитата:

return !1

skillful · #8 (**permalink**) 28.01.2014, 20:42

рони
Спасибо, работает...

Сообщение от Cuntmann

ну, у меня получилось примерно то же самое, но более приземленно:

Cuntmann - то, что надо, идеально, спасибо большое!

Форум

Справочник

Discord чат

Курсы javascript