이전 목록 다음
채택완료

input에 입력되어 있는값을 확인하여 input 의 value값을 제어하기

2015-10-20 (화) 09:19:46 2,772
Copy
<form method="post" action="<?echo $_SERVER['PHP_SELF']?>"><input type="text" name="ttext" id="ttext"/><input type="text" name="textt" id="textt"/><input type="submit" name="formsubmit" id="formsubmit" value="제출"/></form>

중요한건 submit을 누르지 않고 ttext에 값을 넣었을때 자동으로 textt에 특정값이 채워져야 합니다 .

ttext의 값을 받아서 db에서 검색후 textt에 넣고 제출을 하고 싶습니다.

php만으로 되는거 같진 않고 javascript내용이 들어가야하는거 같은데

제가 javascript 문외한이라서 ..

코드좀 써주세요 !

답변 3개 / 댓글 1개

채택된 답변
+20 포인트

ajax 를 사용하시면 됩니다.

jquery 를 기준으로.

- HTML 부

Copy
<!doctype html><html lang="kr"><head>	<meta charset="UTF-8">	<title>Document</title>	<script src="/js/jquery.min.js"></script></head><body><form method="post" action="">	<input type="text" name="ttext" id="ttext" onKeyUp="getResult(this.value);" />	<input type="text" name="textt" id="textt"/>	<input type="submit" name="formsubmit" id="formsubmit" value="제출"/></form><script>function getResult(val) {	$.getJSON("./ajax.php",{text:val}).success(function(json) { $("#textt").val(json.result)});}</script></body></html>

- PHP 단

Copy
<?$text = $_GET['text']; $output['result'] = "Result:".$text; echo json_encode($output);?>
2015-10-20 (화) 09:31:54

<input type="text" name="ttext" id="ttext" onkeypress="document.all.ttextt.value=this.value">

이런식으로 하시면 됩니다.


텍스트값에 어떤 부분을 입력해서 노출해야 하는지

정확한 절차가 없어서 답변 드리기 좀 애매 하지만

text 박스에 onkeyup 이벤트 발생시 -> 자바스크립트로 ajax 호출 해서 결과값

채워 넣으시면 됩니다. 

답변에 대한 댓글 1개

기본 코드좀 써주세요 .. 자바스크립트는 아예 몰라서 건드리지도 못하겠네요 ㅠㅠ

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