selectbox 두 개가 있다면,
1
2
3
4
5
6
7
|
<select id="testSel">
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="targetSel">
</select>
| cs |
스크립트
$(document).ready(function(){
$('#testSel').change(function(){
url : "",//목록을 조회 할 url
data : {test : this.value},//선택한 값
type : "post",
dataType : "json",
success:function(data){
//대상 콤보박스의 자식 option을 모두 지운다.
$('#targetSel').children("option").remove();
//data.rows 에 코드, 이름 형태로 되어있다고 가정.
var codeList = data.rows;
for(var i = 0; i < codeList.length ; i++){
var option = "<option value='" + codeList[i].코드값 + "'>" + codeList[i].코드명 + "</option>";
//대상 콤보박스에 추가
$('#targetSel').append(option);
}
},
error:function(jqxhr, status, error){
alert("에러");
}
});
});
| cs |
댓글 없음:
댓글 쓰기