WEB 웹팁 디자인팁 폰트 컬러 UI/UX 모바일UI Widget 디자인소스 기획팁 웹서비스 회사복지 스타트업 회사후기 메모/서식 퍼블팁 추천사이트 HTML•CSS 자바스크립트 jQuery React 앵귤러JS Node.js Codepen 개발팁 PHP 한글코딩 인터뷰 안드로이드 오픈API 파이썬 Flutter 서버관리팁

셀렉트폼에서 선택하면 값이 오른쪽에 나오는 스크립트

2014년 08월 04일

http://codepen.io/eond/pen/kztDK

html

<form name="form" id="form" method="post">

<select onchange="input();" id="sel" name="sel">

<option value="" selected="selected">은행</option>

<option value="대구은행 715-12-12423423 정낙훈">대구은행</option>

<option value="농협 758-12-156966 정낙훈">농협</option>

<option value="우리은행 054-332-9900">우리은행</option>

</select>

<input type="text" id="box" name="box" class="FORM1" size="20" value="" readonly="readonly" />

css

input{border:0;width:500px;text-align:right}

js

function input(){

var kim = document.getElementById("sel").value;

document.getElementById("box").value = kim;

}

이온디 유한회사 | 사업자번호 : 405-86-01061 | 통신판매신고 : 제2018-대구동구-0767호 [사업자확인]
주소. 대구광역시 동구 안심로16길 71, 5층 502호 / 전화. 0507-1433-0311

ⓒ 2023. EOND. ALL RIGHTS RESERVED. SINCE 2000.6.25