채택완료

폼 태그 관련(고정주소+입력한값 으로 페이지 이동)

2022-01-22 (토) 22:59:41 1,980

인풋창

결과창

(name=body)

프레임셋으로 나눠서

폼 태그로요,

인풋에 예를 들어 333 이라고 입력하고 서브밋하면

abc.com/333 이라는 페이지가 

인풋에 예를 들어 555 이라고 입력하고 서브밋하면

abc.com/555 이라는 페이지가 

오른쪽 프레임에 뜨게 하고싶거든요~

abc.com 이라는도메인은 고정시키고, 도메인+입력한값으로 페이지 이동 시키고 싶어요~

Copy
<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개 / 댓글 1개

채택된 답변
+20 포인트

스크립트로 입력한 값을 포함하여 action을 변경한 후에 이동시켜야 합니다.

Copy
<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();

}

답변에 대한 댓글 1개

와 !! 어떻게 값을 넘겨야할지 구성은 알았는데 구현을 못했네요!! 감사드립니다 !!!!

답변을 작성하려면 로그인이 필요합니다.