فهرست منبع

상품상세 콤보박스 관련 수정

eskim 5 سال پیش
والد
کامیت
8da8119489

+ 34 - 16
src/main/webapp/WEB-INF/views/web/goods/GoodsDealDetailFormWeb.html

@@ -199,7 +199,7 @@
 											</div>
 										</div>
 									</div>
-									<div class="form_field">
+									<div class="form_field" id="form_field1_Up">
 										<div class="select_custom deal_opt1" disabled>
 											<div class="combo">
 												<div class="select">옵션1선택</div>
@@ -209,7 +209,7 @@
 											</div>
 										</div>
 									</div>
-									<div class="form_field">
+									<div class="form_field" id="form_field2_Up">
 										<div class="select_custom deal_opt2" disabled>
 											<div class="combo">
 												<div class="select">옵션2선택</div>
@@ -325,16 +325,20 @@
 					if (idx == 0){
 						if (flag == "layer"){
 							$objUp = $('.pd_descrp_pop .opt_select .select_custom.deal_opt1');
-							$objUp.html('');
+					//		$objUp.html('');
+							$objUp.remove();
 						}else if (flag == "Up"){
 							$objUp = $('.pd_detail .opt_select .select_custom.deal_opt1');
-							$objUp.html('');
+					//		$objUp.html('');
+							$objUp.remove();
 						}else{
 							$objDown = $('.pd_desc_wrap .opt_select .select_custom.deal_opt1');
-							$objDown.html('');
+					//		$objDown.html('');
+							$objDown.remove();
 						}
-						$('.form_field .select_custom.deal_opt1').attr('disabled', false);
+					//	$('.form_field .select_custom.deal_opt1').attr('disabled', false);
 						//------
+						tag1 += '<div class="select_custom deal_opt1">\n';	
 						tag1 += '<div class="combo">\n';
 						tag1 += '<div class="select">옵션1선택</div>\n';
 						tag1 += '<ul class="list">\n';
@@ -366,21 +370,26 @@
 					//------
 					tagUpS += '</ul>\n';
 					tagUpS += '</div>\n';
+					tagUpS += '</div>\n';
 					tagDownS += '</ul>\n';
 					tagDownS += '</div>\n';
+					tagDownS += '</div>\n';
 					//------	
 				}
 				
 				if (flag == "layer"){
-					$objUp.prepend(tagUpS);
+				//	$objUp.prepend(tagUpS);
+					$('#form_field1_'+flag).append(tagUpS);
 					var pop_desc_option02 = new sCombo('.pd_descrp_pop .opt_select .select_custom.deal_opt1');
 					//$('.pd_descrp_pop .opt_select .select_custom.deal_opt1').find('.combo .select').trigger('click');
 				}else if (flag == "Up"){
-					$objUp.prepend(tagUpS);
+				//	$objUp.prepend(tagUpS);
+					$('#form_field1_'+flag).append(tagUpS);
 					var detail_deal_option02 = new sCombo('.pd_detail .opt_select .select_custom.deal_opt1');
 					//$('.pd_detail .opt_select .select_custom.deal_opt1').find('.combo .select').trigger('click');
 				}else{
-					$objDown.prepend(tagDownS);
+				//	$objDown.prepend(tagDownS);
+					$('#form_field1_'+flag).append(tagDownS);
 					var desc_option02 = new sCombo('.pd_desc_wrap .opt_select .select_custom.deal_opt1');
 					//$('.pd_desc_wrap .opt_select .select_custom.deal_opt1').find('.combo .select').trigger('click');
 				}
@@ -439,17 +448,21 @@
 					if (idx == 0){
 						if (flag == "layer"){
 							$objUp = $('.pd_descrp_pop .opt_select .select_custom.deal_opt2');
-							$objUp.html('');
+					//		$objUp.html('');
+							$objUp.remove();
 						}else if (flag == "Up"){
 							$objUp = $('.pd_detail .opt_select .select_custom.deal_opt2');
-							$objUp.html('');
+					//		$objUp.html('');
+							$objUp.remove();
 						}else{
 							$objDown = $('.pd_desc_wrap .opt_select .select_custom.deal_opt2');
-							$objDown.html('');
+					//		$objDown.html('');
+							$objDown.remove();
 							
 						}
-						$('.form_field .select_custom.deal_opt2').attr('disabled', false);	
+						//$('.form_field .select_custom.deal_opt2').attr('disabled', false);	
 						//------
+						tag1 += '<div class="select_custom deal_opt2">\n';	
 						tag1 += '<div class="combo">\n';
 						tag1 += '<div class="select">옵션2선택</div>\n';
 						tag1 += '<ul class="list">\n';
@@ -481,21 +494,26 @@
 					//------
 					tagUpS += '</ul>\n';
 					tagUpS += '</div>\n';
+					tagUpS += '</div>\n';
 					tagDownS += '</ul>\n';
 					tagDownS += '</div>\n';
+					tagDownS += '</div>\n';
 					//------	
 				}
 				
 				if (flag == "layer"){
-					$objUp.prepend(tagUpS);
+				//	$objUp.prepend(tagUpS);
+					$('#form_field2_'+flag).append(tagUpS);
 					var pop_desc_option02 = new sCombo('.pd_descrp_pop .opt_select .select_custom.deal_opt2');
 					//$('.pd_descrp_pop .opt_select .select_custom.deal_opt2').find('.combo .select').trigger('click');
 				}else if (flag == "Up"){
-					$objUp.prepend(tagUpS);
+				//	$objUp.prepend(tagUpS);
+					$('#form_field2_'+flag).append(tagUpS);
 					var detail_deal_option03 = new sCombo('.pd_detail .opt_select .select_custom.deal_opt2');
 					//$('.pd_detail .opt_select .select_custom.deal_opt2').find('.combo .select').trigger('click');
 				}else{
-					$objDown.prepend(tagDownS);
+				//	$objDown.prepend(tagDownS);
+					$('#form_field2_'+flag).append(tagDownS);
 					var desc_option03 = new sCombo('.pd_desc_wrap .opt_select .select_custom.deal_opt2');
 					//$('.pd_desc_wrap .opt_select .select_custom.deal_opt2').find('.combo .select').trigger('click');
 				}

+ 9 - 6
src/main/webapp/WEB-INF/views/web/goods/GoodsDetailFormWeb.html

@@ -275,7 +275,7 @@
 											</div>
 										</div>
 									</div>
-									<div class="form_field">
+									<div class="form_field" th:id="${'form_field2_'+goodsCompose.compsGoodsCd}">
 										<div class="select_custom item_opt2" th:classappend="${'item_opt2_'+status.count +' '+goodsCompose.compsGoodsCd}"  disabled>
 											<div class="combo">
 												<div class="select">옵션2선택</div>
@@ -312,7 +312,7 @@
 											</div>
 										</div>
 									</div>
-									<div class="form_field">
+									<div class="form_field" th:id="${'form_field2_'+goodsInfo.goodsCd}">
 										<div class="select_custom item_opt2 item_opt2_1" th:classappend="${goodsInfo.goodsCd}"  disabled>
 											<div class="combo">
 												<div class="select">옵션2선택</div>
@@ -1311,9 +1311,11 @@
 						//$obj = $('#goodsOpt2'+item.goodsCd);
 						//$obj = $('.form_field .select_custom.item_opt2.item_opt2_1');
 						
-						$obj.html('');
-						$('.form_field .select_custom.item_opt2.' +item.goodsCd ).attr('disabled', false)
+					//	$obj.html('');
+						$obj.remove();
+					//	$('.form_field .select_custom.item_opt2.' +item.goodsCd ).attr('disabled', false)
 						//------
+						tag += '<div class="select_custom item_opt2 item_opt2_'+ridx+ ' '+goodsCd+'">\n';	
 						tag += '<div class="combo">\n';
 						tag += '<div class="select">옵션2선택</div>\n';
 						tag += '<ul class="list">\n';
@@ -1340,11 +1342,12 @@
 					//------
 					tag += '</ul>\n';
 					tag += '</div>\n';
+					tag += '</div>\n';
 					//------	
 				}
 				
-				
-				$obj.append(tag);
+				$('#form_field2_'+ goodsCd).append(tag);
+				//$obj.append(tag);
 				if (selfGoodsYn == "Y"){
 					if (ridx == 1){
 						var opt_selecter02_1 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_1');

+ 4 - 4
src/main/webapp/WEB-INF/views/web/goods/GoodsIncludeFormWeb.html

@@ -311,7 +311,7 @@
 										</div>
 									</div>
 								</div>
-								<div class="form_field">
+								<div class="form_field" id="form_field1_Down">
 									<div class="select_custom deal_opt1" disabled>
 										<div class="combo">
 											<div class="select">옵션1선택</div>
@@ -321,7 +321,7 @@
 										</div>
 									</div>
 								</div>
-								<div class="form_field">
+								<div class="form_field" id="form_field2_Down">
 									<div class="select_custom deal_opt2" disabled>
 										<div class="combo">
 											<div class="select">옵션2선택</div>
@@ -423,7 +423,7 @@
 			<div class="full_pop_fix_r">
 				<div class="option_box">
 					<div class="opt_select">
-						<div class="form_field">
+						<div class="form_field" id="form_field1_layer">
 							<div class="select_custom deal_opt1" disabled>
 								<div class="combo">
 									<div class="select">옵션1</div>
@@ -433,7 +433,7 @@
 								</div>
 							</div>
 						</div>
-						<div class="form_field">
+						<div class="form_field"  id="form_field2_layer">
 							<div class="select_custom deal_opt2" disabled>
 								<div class="combo">
 									<div class="select">옵션2선택</div>