'2017/12/21'에 해당되는 글 1건

  1. 2017.12.21 jquery select box reset. 다른 select 를 모두 초기화하는 방법 by 잠수콩



제목 : 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 들을 붙일 때.






예제 소스 파일 :


 출처 :  




Posted by 잠수콩