Mozilla 한국 커뮤니티

실컷

<form id="f" name="f" method="post" action="someURL">
<input type="text" id="txt_something" name="txt_something" />
<button type="submit" id="btn_something_1" name="btn_somthing" value="1">click</button>
<button type="submit" id="btn_something_2" name="btn_somthing" value="2">click</button>
</form>

이런 식으로 코딩해서 작업을 했는데...
안된다는 겁니다. 화들짝 놀라서 확인해보니...

FF에서는 버튼을 눌렀을 때, 폼 서브밋이
btn_something = '1';

이렇게 값이 제대로 넘어가는데...

IE에서는 버튼을 눌렀을 때, 폼 서브밋이
btn_something = 'click';
이 넘어가더군요.

위에처럼 button내의 innerText가 동일한 버튼들이 여러개 있을 때, 어떤 버튼을 눌러 서브밋이 되는지 확인하려면 어떻게 해야 할까요? JavaScript를 써서 form에 해당 버튼 아이디나 별도의 value값을 같이 넘길 수도 있겠지만, 되도록이면 JavaScript없이 동작시키고 싶습니다.

버튼대신 링크로 GET값으로 넘기는 것은 폼 안에 다른 컨트롤 값(txt_something)이 한꺼번에 넘어가야 하므로 불가합니다.

요컨데 바라는 것은, 위의 예시된 폼에서 두개의 서브밋버튼을 눌렀을 때 어떤 버튼을 통해 서브밋되었는지 확인할 수 있는 방법이 있을까요? 버튼의 텍스트는 모두 동일해야 합니다.

만약 button의 name을 각각 다르게 주면 IE에서는 어떤 버튼을 클릭하든 상관없이 모든 button 값을 돌려줍니다. 그래서 이 방법도 불가.

어떤 버튼으로 서브밋했는지 어떻게 알 수 있을까요. -_-a

http://www.peterbe.com/plog/button-tag-in-IE
자바스크립트를 사용하지 않는 한 IE에서 <button>의 제대로 된 동작을 기대하긴 어려울 듯 싶군요.

Mozilla 한국 커뮤니티

<button value=".."> oTL

<button value=".."> oTL

문제점 하나 더.