코스모스팜 스레드
ajax 가져온 값 저장방법
안녕하세요~ 이런식을 통해서 값을 받아오고있습니다
ajax로 받아오며 모달값, 노출, 추가까지 잘 되고있는데요
현재 사이트입니다 http://winos1.cafe24.com/?page_id=2185 -> 제품추가하기 클릭 -> 책상검색 -> 추가버튼 까지 잘 저장되고있습니다.
이제 이부분을 저장을 해줘야하는데 이때 컨텍트 폼 스킨을 사용하려고합니다.
현재 코드를 먼저 보여드리겠습니다. 코드는 이런 구조구나 라고만 봐주세요!
<!--모달-->
<a href="#" class="btn-cta">제품 추가하기</a>
<div class="overlay">
<div class="money_modal">
<div class="close-btn">×</div>
<div class="text-box">
<p class="lead"><!--<button onclick='p_list();'>더보기</button>--></p>
<p class="tagline"><input type="text" id="search_id"> <a id="search_background" href='javascript:void(0);' onclick='search_list();'><!--<img src="/wp-content/uploads/detail_kboard/search.png">-->검 색</a>
<div id="tableWraper">
</div>
</p>
</div>
</div>
</div>
<!--/-->
<!--제품 추가되는곳-->
<div style="clear:both; height:0px;"> </div>
<div id="add_list" style="float:both;">
*추가 내용
</div>
<!--/-->
<script>
var last_num = '0';
var select_option='';
function search_list() {
last_num='0';
jQuery("#tableWraper").empty();
p_list();
}
function add_content(uid) {
var add_content = jQuery("#list_"+uid).html();
jQuery("#add_list").append("<div id=\"add_list_"+uid+"\">"+add_content+"</div>");
alert("제품이 추가되었습니다.");
jQuery.get('<?php echo admin_url('admin-ajax.php')?>',{
'action': 'my_action_save',
'dataType': 'json',
'uid': uid,
'select_option': select_option
}, function(data){
alert(data);
select_option='';
});
}
function add_deletet(uid) {
jQuery("#add_list_"+uid).remove();
}
function span_select(select_val) {
jQuery("#"+select_val).addClass('toggle');
select_option = select_val+"//"+select_option;
}
function p_list() {
var search_id=jQuery("#search_id").val();
if (search_id=="") {
alert('검색어를 입력해 주세요.');
return false;
}
jQuery("#loading_area").css({"display":"block"});
jQuery.get('<?php echo admin_url('admin-ajax.php')?>',{
'action': 'my_action',
'dataType': 'json',
'search_id': search_id,
'last_num' : last_num
}, function(data){
console.log(data);
var add_html='';
if (data != null) {
jQuery.each(data,function(key,state){
add_html = add_html+"<div id=\"list_"+state.uid+"\"><div class=\"money_title\">"+state.title+"</div><div class=\"money_img\"><img src=\""+state.thumbnail_file+"\" class=\"money_image\"></div><div class=\"money_table\"><table>"+
"<th>모델명</th><th>사이즈</th><th>G2B</th><th>금액</th>"+
"<tr>"+
"<td>"+state.table1+"</td><td>"+state.table2+"</td><td>"+state.table3+"</td><td>"+state.table4+"</td>"+
"</tr>"+
"<tr>"+
"<td>"+state.table5+"</td><td>"+state.table6+"</td><td>"+state.table7+"</td><td>"+state.table8+"</td>"+
"</tr>"+
"<tr>"+
"<td>"+state.table9+"</td><td>"+state.table10+"</td><td>"+state.table11+"</td><td>"+state.table12+"</td>"+
"</tr>"+
"<tr>"+
"<td>"+state.table13+"</td><td>"+state.table14+"</td><td>"+state.table15+"</td><td>"+state.table16+"</td>"+
"</tr>"+
"<tr>"+
"<td>"+state.table17+"</td><td>"+state.table18+"</td><td>"+state.table19+"</td><td>"+state.table20+"</td>"+
"</tr>"+
"<tr>"+
"<td>"+state.table21+"</td><td>"+state.table22+"</td><td>"+state.table23+"</td><td>"+state.table24+"</td>"+
"</tr>"+
"<tr>"+
"<td></td><td></td><td></td><td></td>"+
"</tr>"+
"</table></div>"+
"<div class=\"clear\"> </div>"+
"<div class=\"add_delete\"><a class=\"add\" href=\"javascript:void(0);\" onclick=\"add_content('"+state.uid+"');\">추 가</a><a class=\"delete\" href=\"javascript:void(0);\" onclick=\"add_deletet('"+state.uid+"');\">삭 제</a></div>"+
"<div class=\"color_top\">"+
"<span class=\"color_top_text\"><p>Top</br>Board</p></span>"+
"<span class=\"color_top_span\" id=\"type_color_echk1\"><img src=\""+ state.type_color_echk1 +"\" onerror=\"this.parentNode.remove(parentNode)\" onclick=\"span_select('type_color_echk1');\" /></br><p>WLP002</p></span>"+
"<span class=\"color_top_span\" id=\"type_color_echk2\"><img src=\""+ state.type_color_echk2 +"\" onerror=\"this.parentNode.remove(parentNode)\" onclick=\"span_select('type_color_echk2');\"/></br><p>WLP001</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk3 +"\" onerror=\"this.parentNode.remove(parentNode)\" onclick=\"span_select('type_color_echk3');\"/></br><p>WLP011</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk4 +"\" onerror=\"this.parentNode.remove(parentNode)\" onclick=\"span_select('type_color_echk4');\"/></br><p>WLP007</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk5 +"\" onerror=\"this.parentNode.remove(parentNode)\" onclick=\"span_select('type_color_echk5');\"/></br><p>WLP008</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk6 +"\" onerror=\"this.parentNode.remove(parentNode)\" onclick=\"span_select('type_color_echk6');\"/></br><p>WLP009</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk7 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP004</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk8 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP010</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk9 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP003</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk10 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP012</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk11 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP005</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk12 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP006</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk13 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP013</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk14 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP014</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk15 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP015</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk16 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP016</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk17 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP017</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_echk18 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP018</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk1 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP002</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk2 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP001</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk3 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP011</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk4 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP007</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk5 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP008</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk6 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP009</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk7 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP004</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk8 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP010</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk9 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP003</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk10 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP012</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk11 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP005</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk12 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP006</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk13 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP013</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk14 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP014</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk15 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP015</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk16 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP016</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk17 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP017</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_wchk18 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP018</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_vchk1 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>MVE001</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_vchk2 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>MVE002</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_vchk3 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>MVE003</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_vchk4 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>MVE004</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_vchk5 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>MVE005</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_vchk6 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WHP001</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_lchk1 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>NW311HG</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_lchk2 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>MM001HG</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_lchk3 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>S9152TC</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_lchk4 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>S9023HG</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_lchk5 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>S9154TC</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_lchk6 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>S9848TC</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_cchk1 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>레드</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_cchk2 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>오렌지</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_cchk3 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>그린</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_cchk4 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>블루</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_cchk5 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>그레이</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_cchk6 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>블랙</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk1 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>검정</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk2 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>진밤</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk3 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>밝은연두</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk4 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>연두</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk5 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>진연두</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk6 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>연하늘</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk7 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>하늘</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk8 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>파랑</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk9 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>아이보리</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk10 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>연주황</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk11 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>진주황</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk12 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>주황</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk13 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>다이아비</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk14 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>샤넬아이보리</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk15 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>파랑</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk16 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>빨강</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk17 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>연두</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_schk18 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>청땡땡이</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk1 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-881</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk2 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-884</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk3 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-885</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk4 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-887</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk5 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-708</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk6 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-707A</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk7 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-703</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk8 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-704A</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk9 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-883</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk10 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-884A</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk11 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-885A</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk12 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-887A</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk13 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-701</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk14 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-701A</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk15 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-705</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk16 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-705A</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk17 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-501</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk18 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-502</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk19 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-503</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk20 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-504</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk21 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-507</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk22 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-508</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk23 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-509</p></span>"+
"<span class=\"color_top_span\"><img src=\""+ state.type_color_pchk24 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-510</p></span>"+
"</div>"+
"<div class=\"color_top2\"><span class=\"color_top_text2\"><p>Body</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk1 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP002</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk2 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP001</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk3 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP011</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk4 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP007</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk5 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP008</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk6 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP009</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk7 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP004</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk8 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP010</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk9 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP003</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk10 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP012</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk11 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP005</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk12 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP006</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk13 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP013</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk14 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP014</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk15 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP015</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk16 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP016</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk17 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP017</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_wchk18 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WLP018</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_vchk1 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>MVE001</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_vchk2 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>MVE002</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_vchk3 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>MVE003</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_vchk4 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>MVE004</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_vchk5 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>MVE005</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_vchk6 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>WHP001</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_lchk1 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>NW311HG</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_lchk2 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>MM001HG</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_lchk3 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>S9152TC</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_lchk4 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>S9023HG</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_lchk5 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>S9154TC</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_lchk6 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>S9848TC</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_cchk1 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>레드</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_cchk2 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>오렌지</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_cchk3 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>그린</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_cchk4 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>블루</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_cchk5 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>그레이</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_cchk6 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>블랙</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk1 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>검정</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk2 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>진밤</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk3 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>밝은연두</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk4 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>연두</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk5 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>진연두</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk6 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>연하늘</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk7 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>하늘</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk8 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>파랑</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk9 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>아이보리</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk10 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>연주황</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk11 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>진주황</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk12 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>주황</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk13 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>다이아비</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk14 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>샤넬아이보리</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk15 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>파랑</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk16 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>빨강</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk17 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>연두</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_schk18 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>청땡땡이</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk1 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-881</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk2 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-884</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk3 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-885</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk4 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-887</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk5 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-708</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk6 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-707A</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk7 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-703</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk8 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-704A</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk9 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-883</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk10 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-884A</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk11 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-885A</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk12 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-887A</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk13 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-701</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk14 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-701A</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk15 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-705</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk16 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-705A</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk17 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-501</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk18 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-502</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk19 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-503</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk20 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-504</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk21 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-507</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk22 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-508</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk23 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-509</p></span>"+
"<span class=\"color_top_span2\"><img src=\""+ state.type_color2_pchk24 +"\" onerror=\"this.parentNode.remove(parentNode)\" /></br><p>F-510></p></span>"+
"</div>"+
"</div>";
last_num = state.uid;
});
} else {
add_html = add_html+"<div style=\"float:left;\"><table>"+
"<tr>"+
"<td>* 검색결과가 없습니다.</td>"+
"</tr>"+
"</table></div>";
}
jQuery("#tableWraper").append(add_html);
jQuery("#loading_area").css({"display":"none"});
});
}
jQuery(document).ready(function () {
jQuery('.btn-cta').click(function () {
jQuery('.overlay').addClass('is-open');
return false;
});
jQuery('.close-btn').click(function () {
jQuery('.overlay').removeClass('is-open');
});
});
</script>
이런 구조일때 html로 저장이아닌 값들 하나하나를 저장하려고 할때는 어떻게 해야하나요?
제생각에는
"<th>모델명</th><th>사이즈</th><th>G2B</th><th>금액</th>"+
이런부분에 그냥 input 태그 추가와 name값을 넣어주면 값이 잘넘어갈텐데.. 어떻게 input안에 html값을 넣을지..
최종적으로 하고싶은것은 url올린 페이지에서 검색하여 추가한다음에 컨텍트폼 스킨을 이용하여 전송하고나면
관리자가 document에서 수정을 눌러 금액이나 여러가지를 변경하게 하고 싶습니다!
코드는 안짜주셔도됩니다!
1. 저부분에 input태그에 name값을 넣고 받는게 가능한건지
2. 인풋태그를 넣어보려고 두가지를 테스트했으나 둘다 오브젝트를 뱉어내네요 ㅠㅠ
2-1
jQuery('input[name=test]').val('table1[\"test\"][test]')
2-2
jQuery('input[name=test]').val(state.table1)
3. 그렇다면 어떻게 접근을 하는게 좋은지 입니다!!
항상 감사드립니다!!
-
스레드봇 (31060 Point)ㆍ2018.02.08 11:00
안녕하세요~^^
td 태그 안에 <input type="hidden" name="name">을 추가하시면 될 듯합니다.
아래의 코드를 활용해보시겠어요?
<td>"+state.table1+"<input type="+'hidden'+" name="+'test'+" value="+state.table1+"></td>고맙습니다.
