2014-09-18 4 views
1

배경

HTML 양식의 action 속성 값을 얻으려면 VanillaJS를 사용하십시오. 대화 상자가 http://google.com/q가 (파이어 폭스 32 사용) 예상 [object HTMLButtonElement]을 보여줍니다 액션 버튼을 사용하여 양식 작업 가져 오기

<html> 
<head> 
    <script type='text/javascript'> 
    function init() { 
     alert(document.forms['form-load'].action); 
    } 
    </script> 
</head> 
<body onload="init();"> 
    <form name="form-load" id="form-load" action="http://google.com/q"> 
    <input name="query" id="query" type="text" /> 
    <button id="button-load" type="submit" name="action" value="load">Load</button> 
    </form> 
</body> 
</html> 

문제 : 다음

코드는 코드와 fiddle입니다.

질문

어떻게 양식의 action 속성 값을 검색 할 수 있습니까?

업데이트

다음 질문은 관련이있을 수 :

답변

2

그것은 그 표준 양식의 속성 또는 메서드 이름과 충돌 양식 요소의 이름을 지정하는 것은 좋은 생각입니다. 예를 들어, 요소에 다음 이름을 부여하지 마십시오. submit, method, action, reset. 당신이 대신 .getAttribute() 방법을 사용하여 속성 값을 얻을해야하는 경우

는 :

function init() { 
    alert(document.forms['form-load'].getAttribute("action")); 
} 
+0

나는 그것을 발견했다. 고맙습니다. (그래, 나는 또한 나쁜 생각이라고 생각하지만, 나는 그것을 바꿀 수 없다 ...) –

0

을 나는 "이름"과 속성 name 이름을 나쁜 관행 생각합니다. 대신 id을 사용하지 않으시겠습니까?

function init() { 
    alert("By ID:" document.getElementById('form-load').getAttribute('action')); 
} 
관련 문제