클릭시 input에 출력 문의
본문
안녕하세요.
<li onclick="fnMove('0')">
<h1>홍길동</h1>
<li>
이 부분을 클릭시
<input>에 value값과 표시부분이 h1에 표기된 홍길동으로 나왔으면합니다.
onclick="fnMove('0')" 으로 클릭시 form으로 이동되면서 input에 자동 입력되는것입니다.
소스는 아래와 같습니다.
<ul>
<li onclick="fnMove('0')">
<h1>홍길동</h1>
<li>
<li onclick="fnMove('0')">
<h1>김영희</h1>
<li>
</ul>
<form>
<input type="text" id="wr_1" name="wr_1" placeholder="입력해주세요.">
</form>
구글링으로 여러가지 시도를 해봤는데 안되어서
여기에 도움 요청드립니다. 고수님들 도와주세요 ㅠ
감사합니다.
!-->
답변 5
fnMove('0') 이라는 자바스크립트 실행을 하신건데요.
fnMove가 명령어가 정의되어있으신지
없으시다면 아래와 같이 만들어주셔야됩니다.
제이쿼리를 사용한다는 전제하에 만들어볼께요
<script>
function fnMove( h1_name ){
$("#wr_1").val( h1_name );
}
</script>
예를 들면 이런식으로 만들어두고
<li onclick="fnMove('홍길동')"><h1>홍길동</h1></li>
오류가 있을 수 있으니 도움이 되신다면 참고하세요
그새 좋은답변이 많이 달렸네요
댓글들이 다 맞는 부분들이니 이해하기 편한신걸로 골라서 적용해보세요
값 전달 같은거는 제이쿼리 기준으로 설명 드릴게요.
fnMove(1,"홍길동")
function fnMove(id,name) {
$('#wr_1').val(name);
}
<script>
$(function(){
$("ul li h1").click(function(){
$("#wr_1").val(($(this).text()));
});
});
</script>
<ul>
<li>
<h1>홍길동</h1>
</li>
<li>
<h1>김영희</h1>
</li>
</ul>
<ul>
<li onclick="$('#wr_1').val('홍길동')">
<h1>홍길동</h1>
<li>
<li onclick="$('#wr_1').val('김영희')">
<h1>김영희</h1>
<li>
</ul>
<form>
<input type="text" id="wr_1" name="wr_1" placeholder="입력해주세요.">
</form>
사족
<li 안에서는 <h1 보다는
<span을 사용하세요.
답변을 작성하시기 전에 로그인 해주세요.