폼 태그 관련(고정주소+입력한값 으로 페이지 이동)
본문
인풋창
|
결과창 (name=body) |
프레임셋으로 나눠서
폼 태그로요,
인풋에 예를 들어 333 이라고 입력하고 서브밋하면
abc.com/333 이라는 페이지가
인풋에 예를 들어 555 이라고 입력하고 서브밋하면
abc.com/555 이라는 페이지가
오른쪽 프레임에 뜨게 하고싶거든요~
abc.com 이라는도메인은 고정시키고, 도메인+입력한값으로 페이지 이동 시키고 싶어요~
<form action="https://abc.com" method="get" target="body">
<input type="text" name="name" style="width: 100px;"><br>
<input type="submit" value="GO" style="width: 100px;">
</form>
aaa라는 값을 입력후, 버튼클릭하면
https://abc.com/aaa 페이지가 떠야하는데, https://abc.com/ 만 뜨네요 ㅜ
어디가 잘못된걸까요? ㅎㅎ
답변 1
스크립트로 입력한 값을 포함하여 action을 변경한 후에 이동시켜야 합니다.
<form name="goform" action="https://abc.com" method="get" target="body" onsubmit="form_submit()">
<input type="text" name="name" style="width: 100px;"><br>
<input type="submit" value="GO" style="width: 100px;">
</form>
function form_submit() {
document.goform.action = "https://abc.com/"+document.goform.name.value;
document.goform.submit();
}
답변을 작성하시기 전에 로그인 해주세요.