웹모아 
웹모아  로그인  회원가입   
웹모아
 
제어권이동
 


  SELECT 박스 목록을 선택하여 오른쪽 SELECT 박스로 옮긴후 전송
  등록: 2007-04-11 22:58:34 조회:2464


<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function moveOver()
{
var boxLength = document.selectForm.choiceBox.length;
var selectedItem = document.selectForm.listField.selectedIndex;
var selectedText = document.selectForm.listField.options[selectedItem].text;
var selectedValue = document.selectForm.listField.options[selectedItem].value;
var i;
var isNew = true;
if (boxLength != 0) {
for (i = 0; i < boxLength; i++) {
thisitem = document.selectForm.choiceBox.options[i].text;
if (thisitem == selectedText) {
isNew = false;
break;
}
}
}
if (isNew) {
newoption = new Option(selectedText, selectedValue, false, false);
document.selectForm.choiceBox.options[boxLength] = newoption;
}
document.selectForm.listField.selectedIndex=-1;
}
function removeMe() {
var boxLength = document.selectForm.choiceBox.length;
arrSelected = new Array();
var count = 0;
for (i = 0; i < boxLength; i++) {
if (document.selectForm.choiceBox.options[i].selected) {
arrSelected[count] = document.selectForm.choiceBox.options[i].value;
}
count++;
}
var x;
for (i = 0; i < boxLength; i++) {
for (x = 0; x < arrSelected.length; x++) {
if (document.selectForm.choiceBox.options[i].value == arrSelected[x]) {
document.selectForm.choiceBox.options[i] = null;
}
}
boxLength = document.selectForm.choiceBox.length;
}
}
function ListSubmit() {
var strValues = "";
var boxLength = document.selectForm.choiceBox.length;
var count = 0;
if (boxLength != 0) {
for (i = 0; i < boxLength; i++) {
if (count == 0) {
strValues = document.selectForm.choiceBox.options[i].value;
}
else {
strValues = strValues + "," + document.selectForm.choiceBox.options[i].value;
}
count++;
//아래는 위의 strValues 값과 selectForm 이란 폼의 selectData1 이란 필드의 값과 일치시킴
document.selectForm.selectData1.value=strValues;
}
}
if (strValues.length == 0) {
alert("아무것도 선택하지 않았습니다.");
}
else
document.selectForm.submit();
}
//-->
</script>
</head>

<body>
<form name="selectForm" method="post" action="http://www.sourcenara.com/SourcenaraScript/form/93/result.php">
<!--테이블 디자인-->
<table border=0>
<tr>
<td width=100>
목록:
<br>
<select name="listField" size=10 onchange="moveOver();">
<option value=이성친구>이성친구
<option value=노트북>노트북
<option value=휴대폰>휴대폰
<option value=모터보트>모터보트
<option value=사진기>사진기
<option value=자가용>자가용
<option value=텐트>텐트
<option value=고무장갑>고무장갑
<option value=아이스박스>아이스박스
<option value=생수10통>생수10통
</select>
</td>
<td>
선택한 목록:
<br>
<select multiple name="choiceBox" style="width:160;" size="10">
</select>
<br>
<!--아래 hidden(숨김)속성의 selectData1 필드값이 실제로 전송됨-->
<input type="hidden" name="selectData1" value="">
<input type="button" value="선택목록제거" onclick="removeMe();">
<input type="button" value="전송" onclick="ListSubmit();">
</td>
</tr>
<tr>
</tr>
</table>
<!--테이블 디자인 끝-->
</form>

</body>

</html>

실행해보기   (실행2)





 댓글 (0)


제어권이동
페이지: 1 / 2   


   location.href 와 location.rep4038
   자바스크립트 새로고침 종류3182
   자바스크립트 타겟지정3117
   책갈피 만들기2353
   페이지 제어권을 특정 url로 이동시키기2336
   뒤로가기(랜드모아)(1) 2487
   iframe 에서 부모창 제어하기3857
     [RE] iframe에서 부모창 reload 시키기3896
   PHP 리다이렉션(페이지 이동)의 3가지 방법(홈마스타)2898
     [RE] PHP 리다이렉션(페이지 이동)의 3가지 (홈마스타)2755
   플래쉬 효과가 나는 하이퍼링크 텍스트 스크립트(홈마스타)2275
   폼 내용 전송전 확인 메세지 띄우기(홈마스타)2524
   웹 서치 엔진(홈마스타)2403
   자브스크립트 에서 post로 넘기기(홈마스타)2574
     [RE] 자브스크립트 에서 post로 넘기기(홈마스타)2474
   주소 변경 스크립트(프래임,새창,Target)(홈마스타)2496
   자바 스크립트 target(홈마스타)(1) 2512
   텍스트박스에서 엔터치면 새로고침(submit)되는 (홈마스타)2812
SELECT 박스 목록을 선택하여 오른쪽 SELEC(홈마스타)2465
   history.back 시에 폼 데이터 보존하기(홈마스타)4277
   점프 메뉴 -select(홈마스타)2499
     [RE] location.href 명령어 새창으로 (홈마스타)2925
     [RE] 점프 메뉴 -select - 새창으로 띄우(홈마스타)3234
   링크시 target 종류(홈마스타)2784
   자바스크립트로 페이지 이동할때 target 줄 수 (홈마스타)(1) 2834
   자바스크립트에서 2단계 이상의 창에 접근하기(홈마스타)2689
   링크선 위아래 다 표시하기(홈마스타)2573
   셀렉박스 선택후 포커스를 잃게 하고 싶습니다(홈마스타)2895
   셀렉트 박스 항목 선택시 다른페이지로 값넘기기(홈마스타)7128
   A 태그를 이용한 페이지 이동(홈마스타)2678
≪ [1]  [2]   ≫

복수단어 검색은 공백(space)로 구분해 주세요.




공지사항
 
인기 글
4831
4360
9932
6796
4674
7128
3980
6566
4508
4059
8708
3850
5471
5177
4518
 
최근 글
167
279
189
168
115
146
2945
772
766
949
826
4038
3375
3425
3812