2026, 새로운 도약을 시작합니다.

다중 셀렉트 채택완료

10년 전 조회 7,531
http://sir.co.kr/qa/?wr_id=74680&stx=2%EC%B0%A8+%EC%85%80%EB%A0%89%ED%8A%B8&sst=wr_num&unanswered=0&s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5

amkor님께서 올리신 소스와 그 답변을 통해서 1차 셀렉트 박스에서 내용을 선택하면

2차 다중 셀렉트 박스 내용이 바뀌는 폼까지는 만들었는데

2차 다중 셀렉트 박스의 내용이 DB에 입력이 안됩니다.

고수님들 도움 부탁 드려요ㅜㅜ

Copy
 
          
               출발지 선택
      >화성
               >aaa
      >aaa
      >eee
      

상기 값에서 job1의 데이터는 db에 들어오는데 job2, job3이 안들어와요~ㅜ

답변 5개

채택된 답변
+20 포인트

공부할겸 하나 만들어 봤습니다.

참고해서 만드시면 될듯하네요 ....

Copy
  	출발지			지구		화성		우주		목적지			출발지를 선택하세요	   $("#job").change(function () {	var job = $(this).val(); 	switch (job) {		case "지구":			$('#wr_11').find('option').remove();			$('#wr_11').append("2차선택");			$('#wr_11').append("111");			$('#wr_11').append("222");			break;		case "화성":			$('#wr_11').find('option').remove();			$('#wr_11').append("2차선택");			$('#wr_11').append("333");			$('#wr_11').append("444");			break;		case "우주":			$('#wr_11').find('option').remove();			$('#wr_11').append("2차선택");			$('#wr_11').append("555");			$('#wr_11').append("666");			break;	} });  
로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

Rido님 감사합니다. 덕분에 해결 되었습니다.
사실 어제 이 소스 활용하다가 안되길래 안되는 줄 알았는데
알고보니 제가 잘못 활용하고 있었네요 ㅎㅎ 감사합니다~~~
잘 해결하셨다니 다행이네요~

댓글을 작성하려면 로그인이 필요합니다.

ㅎㅎㅎ 다들 감사합니다;; 질문의 요지는 'DB에 DATA 값이 안들어오는데 뭐가 문제 인가?'였는데;;;

다들 폼을 작성을 해주셨네요;;; 아하하하하하;;;;;; 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

그러니깐 이유는 name의 중복사용입니다. 제가 올려드린 소스를 활용해 보세요

댓글을 작성하려면 로그인이 필요합니다.

<style type="text/css">
.second { display:none; }
</style>
<select name="" id="start">
<option value="">출발지 선택</option>
<option value="지구">지구</option>
<option value="화성">화성</option>
<option value="우주">우주</option>
</select>
<select name="wr_11" class="second">
<option value="">2차 선택</option>
<option value="aa">aa</option>
<option value="bb">bb</option>
</select>
<select name="wr_11" class="second">
<option value="">2차 선택</option>
<option value="cc">cc</option>
<option value="dd">dd</option>
</select>
<select name="wr_11" class="second">
<option value="">2차 선택</option>
<option value="ee">ee</option>
<option value="ff">ff</option>
</select>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
	$("#start").on("change", function() {
		var $idx = $("option:selected", this).index() - 1;
		$("select[name='wr_11']").each(function() {
			$("select[name='wr_11']").css("display", "none").attr("disabled", true);
			$("select[name='wr_11']").eq($idx).css("display", "block").attr("disabled", false);
		});
	});
});
</script>

선택한 애를 제외하고 다른 애들은 disabled만 해 주면 됩니다.

http://nyaongii.dothome.co.kr/temp/wrid_75127.html

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

wr_11 의 name값이 중복되어져 사용되고 있기때문에

hidden처리를 한다고 해도 맨 마지막 녀석의 값이 전송이 되기 때문입니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

write_update.skin.php 파일을 확인하면 정확해지겠지만,

wr_11​ => wr_12
wr_11 => wr_13

으로 하단 코드에서 붉은색 부분을 각각 수정해주세요.

<select name="wr_12" id="job2" style="height:20px;display:none">
<option value="">2차선택</option>
<option value="aaa​" <? if($write[wr_11] == "aaa") echo " selected "; ?>>aaa</option>
<option value="bbb​" <? if($write[wr_11] == "bbb") echo " selected "; ?>>bbb</option>
</select>
<select name="wr_13​" id="job3" style="height:20px;display:none">
<option value="">2차선택</option>
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

아, 필드를 바꾸는 방법 말고는 없는것인가요?ㅠ
뷰화면에서는 한항목란에 보여야하는데...ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고