//선물가게 번호 선물보내는 분 전화번호
$(document).ready(function() {
createDropDown();

$(".selectbox01 > p a.select").click(function() {
	$(".selectbox01 > ul").toggle();
});

$(document).bind('click', function(e) {
	var $clicked = $(e.target);
	if (! $clicked.parents().hasClass("selectbox01"))
	$(".selectbox01 > ul").hide();
});

$(".selectbox01 > ul li a").click(function() {
	var text = $(this).html();
	$(".selectbox01 > p a.select").html(text);
	$(".selectbox01 > ul.sel_list").hide();

	var source = $("#source01");
	source.val($(this).find("span.value01").html())
	});
});

function createDropDown(){
	var source = $("#source01");
	var selected = source.find("option[selected]");
	var options = $("option", source);

	$(".select_box").append('<div id="target01" class="selectbox01"></div>')
	$("#target01").append('<p><a href="#none" class="select">' + selected.text() + '<span class="value01">' + selected.val() + '</span></a></p>')
	$("#target01").append('<ul class="sel_list"></ul>')

	options.each(function(){
	$("#target01 > ul.sel_list").append('<li><a href="#none">' + 
	$(this).text() + '<span class="value01">' + 
	$(this).val() + '</span></a></li>');
	});
}


//셀렉트 선물가게 번호 엑셀 업로드 수량을 선택해주세요
$(document).ready(function() {
createDropDown01();

$(".selectbox02 > p a.select").click(function() {
	$(".selectbox02 > ul").toggle();
});

$(document).bind('click', function(e) {
	var $clicked = $(e.target);
	if (! $clicked.parents().hasClass("selectbox02"))
	$(".selectbox02 > ul").hide();
});

$(".selectbox02 > ul li a").click(function() {
	var text = $(this).html();
	$(".selectbox02 > p a.select").html(text);
	$(".selectbox02 > ul.sel_list").hide();

	var source = $("#source02");
	source.val($(this).find("span.value01").html())
	});
});

function createDropDown01(){
	var source = $("#source02");
	var selected = source.find("option[selected]");
	var options = $("option", source);

	$(".select_box01").append('<div id="target02" class="selectbox02"></div>')
	$("#target02").append('<p><a href="#none" class="select">' + selected.text() + '<span class="value01">' + selected.val() + '</span></a></p>')
	$("#target02").append('<ul class="sel_list"></ul>')

	options.each(function(){
	$("#target02 > ul.sel_list").append('<li><a href="#none">' + 
	$(this).text() + '<span class="value01">' + 
	$(this).val() + '</span></a></li>');
	});
}



//셀렉트 고객센터 메인
$(document).ready(function() {
createDropDown03();

$(".selectbox03 p a.select").click(function() {
	$(".selectbox03 ul.sel_list").toggle();
});

$(document).bind('click', function(e) {
	var $clicked = $(e.target);
	if (! $clicked.parents().hasClass("selectbox03"))
	$(".selectbox03 ul.sel_list").hide();
});

$(".selectbox03 ul li a").click(function() {
	var text = $(this).html();
	$(".selectbox03 p a.select").html(text);
	$(".selectbox03 ul.sel_list").hide();

	var source = $("#source03");
	source.val($(this).find("span.value03").html())
	});
});

function createDropDown03(){
	var source = $("#source03");
	var selected = source.find("option[selected]");
	var options = $("option", source);

	$(".select_box03").append('<div id="target03" class="selectbox03"></div>')
	$("#target03").append('<p><a href="#none" class="select">' + selected.text() + '<span class="value03">' + selected.val() + '</span></a></p>')
	$("#target03").append('<ul class="sel_list"></ul>')

	options.each(function(){
	$("#target03 ul.sel_list").append('<li><a href="#none">' + 
	$(this).text() + '<span class="value03">' + 
	$(this).val() + '</span></a></li>');
	});
}