select 선택값 input placeholder 로 넘기기
본문
안녕하세요
아래처럼 select 박스를 만들고
<select>
<option>사과</option>
<option>배</option>
<option>포도</option>
</select>
선택을 하게 되면
<input type="text" placeholder="[선택한값]">
이렇게 placeholder에 값을 넣을 수 있을지요
아래처럼 할 경우 value값으로는 들어가지만
placeholder로 하면 undefined 에러? 가 나오는것 같습니다.
placeholder를 지원 안하는것인지...ㅠㅠ
혹시 방법을 알고계신 고수님들 계시다면 도움 부탁드립니다..
감사합니다.
<select onchange="myFunction(event)">
<option>사과</option>
<option>배</option>
<option>포도</option>
</select>
<input type="text" id="wr_1" name="wr_1" placeholder="">
<script>
function myFunction(e) {
document.getElementById("wr_1").value = e.target.value
}
</script>
답변 1
<select id="fruit" onchange="myFunction(event)">
<option value="사과">사과</option>
<option value="배">배</option>
<option value="포토">포도</option>
</select>
<input type="text" id="wr_1" name="wr_1" placeholder="">
<script>
function myFunction(e) {
wr_1.placeholder = fruit.value
}
</script>
답변을 작성하시기 전에 로그인 해주세요.
