2015-01-08 2 views
-3

내가 원하는 것은 누군가가 버튼을 클릭하고 개별 주제가있는 문의 양식이있는 새 페이지로 이동하게됩니다. 링크가개인 제목이있는 문의 양식으로 연결되는 링크

가 더 정확하게하려면 같은 방법으로 주제를 제공 할 필요가 그래서, 클릭이로

button 1 = contact form with subject 1 
button 2 = contact form with subject 2 
button n = contact form with subject n 

가 워드 프레스에서 실행되는

그것이 좋은 것 그이 인기와 함께 사용할 수 있다면 문의 양식 7과 같은 플러그인.

아무도 비슷한 일을했거나 올바른 방향으로 나를 가리킬 수 있습니까?

+0

버튼에 따라 제목 텍스트 영역의 내용이 변경되어야합니까? 그리고 무엇을 시도 했습니까? – nicael

답변

0

jQuery를 사용하여 주어진 제목으로 텍스트 상자의 값을 설정할 수 있습니다.

$(document).ready(function() { 
 
    $("button").click(function() { 
 
    $("#subject").val($(this).data("subject")); 
 
    }); 
 
});
form {display: block; margin: 10px 0;} 
 
form ul {margin: 0; padding: 0;} 
 
form ul li {list-style: none; margin: 10px 0;} 
 
textarea {display: block;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<button data-subject="Hello, World!">World</button> 
 
<button data-subject="Hello, Earth!">Earth</button> 
 

 
<form action=""> 
 
    <ul> 
 
    <li>Subject: <input type="text" id="subject" /></li> 
 
    <li>Message: <textarea name="" id="" cols="30" rows="10"></textarea></li> 
 
    <li><input type="submit" /></li> 
 
    </ul> 
 
</form>

0

당신이 즉

<a href="http://somelinek.com?subject=Hi this is my subject">Click</a> 

당신이 인코딩을 URL로 가장 좋은 것주의, 링크에 대한 HTTP GET 스타일의 가치를 추가 할 수 있고 당신이 얻을해야합니다 url (window.location 등)의 값을로드시 입력 값에 삽입하십시오.

또한 표시 될 것이므로 민감하지 않은 정보에만 사용해야합니다.

당신이 URL에 원하지 않으면 당신은 항상이 같은 지역/세션 저장

1

뭔가를 사용할 수 있을까?

1 페이지 (대상 선택기)

<body> 
    <input value="subject 1" type="button" onclick="window.location.href='http://example.com/form#subject1'"> 
    <input value="subject 2" type="button" onclick="window.location.href='http://example.com/form#subject2'"> 
</body> 

:이 양식을 다른 페이지로 재 지정하려면

<input value="subject 1" type="button" onclick="document.getElementById('ta').value='subject 1'"> 
 
<input value="subject 2" type="button" onclick="document.getElementById('ta').value='subject 2'"> 
 
<br> 
 
<form> 
 
    <textarea id="ta"></textarea> 
 
</form>

, 당신은 예를 들어, 해시를 사용할 수 있습니다 2 페이지 (양식 포함)

<body onload="var hash=window.location.hash;if(hash=='#subject1'){document.getElementById('ta').value='Subject 1';}if(hash=='#subject2'){document.getElementById('ta').value='Subject 2';}"> 
    <form> 
     <textarea id="ta"></textarea> 
    </form> 
</body> 
+0

연락처 양식이 같은 페이지에 있습니까? 문의 양식이있는 페이지로 연결되는 느낌이 들었습니다. OP? – atmd

+0

@atmd가 (가) 편집했습니다. – nicael

+0

문의 양식은 별도의 페이지에 있습니다 - 더 구체적으로 원래 질문을 개선했습니다. – gfaw

관련 문제