jquery select box reset. 다른 select 를 모두 초기화하는 방법

제목 : jquery select box reset. 다른 select 를 모두 초기화하는 방법

소스 :

<script type="text/javascript">

<!--

function fnSelectReset(obj){

var $others = $(obj).closest('table').find('select'),

current = $others.index(obj); // find current

while (++current < $others.length) {

$others.get(current).options.length = 1;

}

}

function fnSelectCate(obj, targetID){

var _val = $(obj).find(":selected").val();

var _targetID = targetID;

var cate = $("#cate").find(":selected").val() != "" ? $("#cate").val() : "";

var c_idx = $("#c_idx").find(":selected").val() != "" ? $("#c_idx").val() : "";

var tNo = $("#tNo").find(":selected").val() != "" ? $("#tNo").val() : "";

var sNo = $("#sNo").find(":selected").val() != "" ? $("#sNo").val() : "";

var pNo = $("#pNo").find(":selected").val() != "" ? $("#pNo").val() : "";

var cNo = $("#cNo").find(":selected").val() != "" ? $("#cNo").val() : "";

var param = 'targetID='+ _targetID +'&cate='+cate+'&c_idx='+c_idx+'&tNo='+tNo+'&sNo='+sNo+'&pNo='+pNo+'&cNo='+cNo;

if (_val != "" && _targetID != "")

{

$.ajax({

type : "POST",

data : param,

url  : "question_search_ajax.asp",

success : function(data) {

try {

var res = data.split("|:|");

if (res[0] == "Error")

{

alert(res[1]);

return false;

} else {

$("#"+targetID).html(data);

}

} catch(e) {

alert("error - " + e.description);

return false;

}

}

});

}

}

//-->

</script>

내용 :

select box 가 여러개 있을 때,

1. fnSelectReset 함수

내 아래의 모든 select box 의 option 을 첫줄 제외하고 모두 지우고 싶을때. 보통 셀렉트박스 초기화 하는 방법

2. fnSelectCate

하위 뎁스의 select option 에 ajax로 호출한 option 들을 붙일 때.

예제 소스 파일 :

 출처 :