보통 셀렉트박스를 쓸 때
<select name="aa">
<option value="aa" <?if($aa = "aa") echo "selected"; ?> >aa
<option value="bb" <?if($aa = "bb") echo "selected"; ?> >bb
</select>
이렇게들 많이 쓰시더라구요
코드도 지저분하고 해서 저는 다르게 씁니다.
<select name="aa">
<option value="aa" >aa
<option value="bb" >bb
</select>
<script language='javascript">
fnChkSelect(폼네임.aa, "<?=aa?>");
</script>
이렇게 하면 같은 결과입니다.
함수입니다.
function fnChkSelect(slt, sltvalue){
for (i=0; i <= slt.options.length-1;i++){
if (slt.options[i].value == sltvalue){
slt.options[i].selected = true;
}
}
}
for (i=0; i <= slt.options.length-1;i++){
if (slt.options[i].value == sltvalue){
slt.options[i].selected = true;
}
}
}
function fnChkCheckBox(chx, chxvalue){
for (i=0; i <= chx.length-1;i++){
if (chxvalue.indexOf(chx[i].value) >= 0 ){
chx[i].checked = true;
}
}
}
for (i=0; i <= chx.length-1;i++){
if (chxvalue.indexOf(chx[i].value) >= 0 ){
chx[i].checked = true;
}
}
}
function fnChkRadio(rad, radvalue){
for (i=0; i <= rad.length-1;i++){
if (rad[i].value == radvalue){
rad[i].checked = true;
}
}
for (i=0; i <= rad.length-1;i++){
if (rad[i].value == radvalue){
rad[i].checked = true;
}
}
[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]
댓글 1개
sjsjin
18년 전
<select name="aa" id=aa>
<option value="aa" >aa</option>
<option value="bb" >bb</option>
</select>
<script language="JavaScript" type="Text/JavaScript">
<!--
document.getElementById('aa').value = '<?=$aa?>';
//-->
</script>
이렇게 쓰는게 가장 간단하긴 합니다만..
굳이 php등에서 그렇게 사용하는 것은 예를 들어,
국내 대도시 (광역시, 도) 지역을 배열로 뿌리는 경우처럼 루프문안에서 한번만 체크해주면 더 편하기 때문에 그렇게 사용합니다.
말씀하신 위의 예제처럼 옵션태그에서 각각 php 코드를 입력하는 경우는 아래에서 스크립트로 처리하는게 간단합니다.
<option value="aa" >aa</option>
<option value="bb" >bb</option>
</select>
<script language="JavaScript" type="Text/JavaScript">
<!--
document.getElementById('aa').value = '<?=$aa?>';
//-->
</script>
이렇게 쓰는게 가장 간단하긴 합니다만..
굳이 php등에서 그렇게 사용하는 것은 예를 들어,
국내 대도시 (광역시, 도) 지역을 배열로 뿌리는 경우처럼 루프문안에서 한번만 체크해주면 더 편하기 때문에 그렇게 사용합니다.
말씀하신 위의 예제처럼 옵션태그에서 각각 php 코드를 입력하는 경우는 아래에서 스크립트로 처리하는게 간단합니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1330 | 18년 전 | 1476 | ||
| 1329 | 18년 전 | 1701 | ||
| 1328 | 18년 전 | 995 | ||
| 1327 | 18년 전 | 1394 | ||
| 1326 | 18년 전 | 2243 | ||
| 1325 | 18년 전 | 1127 | ||
| 1324 | 18년 전 | 1293 | ||
| 1323 | 18년 전 | 1560 | ||
| 1322 | 18년 전 | 1175 | ||
| 1321 | 18년 전 | 963 | ||
| 1320 | 18년 전 | 1185 | ||
| 1319 | 18년 전 | 1516 | ||
| 1318 | 18년 전 | 1638 | ||
| 1317 | 18년 전 | 1594 | ||
| 1316 | 18년 전 | 1206 | ||
| 1315 |
|
18년 전 | 8596 | |
| 1314 | 18년 전 | 1896 | ||
| 1313 | 18년 전 | 1489 | ||
| 1312 | 18년 전 | 1482 | ||
| 1311 | 18년 전 | 1769 | ||
| 1310 | 18년 전 | 1829 | ||
| 1309 | 18년 전 | 1215 | ||
| 1308 | 18년 전 | 976 | ||
| 1307 | 18년 전 | 2736 | ||
| 1306 | 18년 전 | 3098 | ||
| 1305 | 18년 전 | 2162 | ||
| 1304 | 18년 전 | 1553 | ||
| 1303 | 18년 전 | 1406 | ||
| 1302 | 18년 전 | 852 | ||
| 1301 | 18년 전 | 1771 | ||
| 1300 | 18년 전 | 5131 | ||
| 1299 | 18년 전 | 2843 | ||
| 1298 |
mixdesign
|
18년 전 | 2097 | |
| 1297 | 18년 전 | 3074 | ||
| 1296 | 18년 전 | 2537 | ||
| 1295 | 18년 전 | 2230 | ||
| 1294 |
onweb
|
18년 전 | 4550 | |
| 1293 |
onweb
|
18년 전 | 3483 | |
| 1292 | 18년 전 | 3448 | ||
| 1291 | 18년 전 | 4028 | ||
| 1290 | 18년 전 | 1904 | ||
| 1289 | 18년 전 | 1752 | ||
| 1288 | 18년 전 | 1718 | ||
| 1287 | 18년 전 | 1414 | ||
| 1286 | 18년 전 | 1257 | ||
| 1285 | 18년 전 | 1151 | ||
| 1284 | 18년 전 | 1158 | ||
| 1283 | 18년 전 | 1507 | ||
| 1282 | 18년 전 | 897 | ||
| 1281 | 18년 전 | 1268 | ||
| 1280 | 18년 전 | 1120 | ||
| 1279 | 18년 전 | 1135 | ||
| 1278 | 18년 전 | 3016 | ||
| 1277 | 18년 전 | 943 | ||
| 1276 | 18년 전 | 1151 | ||
| 1275 | 18년 전 | 2087 | ||
| 1274 | 18년 전 | 2220 | ||
| 1273 | 18년 전 | 1308 | ||
| 1272 | 18년 전 | 1898 | ||
| 1271 | 18년 전 | 1150 | ||
| 1270 | 18년 전 | 2485 | ||
| 1269 | 18년 전 | 6591 | ||
| 1268 |
페이지팩트
|
18년 전 | 3820 | |
| 1267 |
페이지팩트
|
18년 전 | 2220 | |
| 1266 |
|
18년 전 | 6287 | |
| 1265 | 18년 전 | 2568 | ||
| 1264 | 18년 전 | 2613 | ||
| 1263 | 18년 전 | 2109 | ||
| 1262 | 18년 전 | 2101 | ||
| 1261 |
페이지팩트
|
18년 전 | 2115 | |
| 1260 | 18년 전 | 3871 | ||
| 1259 |
|
18년 전 | 3929 | |
| 1258 |
|
18년 전 | 5029 | |
| 1257 | 18년 전 | 4121 | ||
| 1256 | 18년 전 | 2561 | ||
| 1255 | 18년 전 | 1793 | ||
| 1254 | 18년 전 | 2774 | ||
| 1253 | 18년 전 | 2710 | ||
| 1252 | 18년 전 | 2227 | ||
| 1251 | 18년 전 | 5410 | ||
| 1250 |
jbsstyle
|
18년 전 | 4750 | |
| 1249 |
|
18년 전 | 3758 | |
| 1248 | 18년 전 | 3444 | ||
| 1247 | 18년 전 | 2122 | ||
| 1246 | 18년 전 | 2129 | ||
| 1245 | 18년 전 | 3631 | ||
| 1244 |
|
18년 전 | 2265 | |
| 1243 |
|
18년 전 | 2490 | |
| 1242 | 18년 전 | 1758 | ||
| 1241 | 18년 전 | 4455 | ||
| 1240 | 18년 전 | 2148 | ||
| 1239 | 18년 전 | 2297 | ||
| 1238 | 18년 전 | 4035 | ||
| 1237 |
hwatta
|
18년 전 | 3883 | |
| 1236 | 18년 전 | 2110 | ||
| 1235 | 18년 전 | 2757 | ||
| 1234 | 18년 전 | 5138 | ||
| 1233 | 18년 전 | 2399 | ||
| 1232 |
|
18년 전 | 2941 | |
| 1231 | 18년 전 | 8497 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기