안녕하세요.
우선, 저도 제 강의에서 사용한 소스 이외에는 간단하거나 바로 봐서 해결할 수 있는 것 외에는
만들고 계시는 일부분을 봐서는 알 수가 없는 경우가 많아서 답변을 드리기 어렵습니다.
질문하신 부분에 맞는 샘플 예제를 찾아보시는 게 좋을 듯 하구요..
구글에서 "jQuery Cascading DropDownList" 등으로 순차적으로 처리되는 드롭다운리스트에 대한 예제를
참고해보시면 어떨까 합니다.
원하시는 답변 못 드려 죄송합니다.
조재문 님이 쓰신 원문 글입니다.
jQuery getJson에서
드롭다운 리스트와 연결하여 데이터를 받아와 수정하고 서버에 저장하도록 하는 프로그램을 만들려고 합니다.
드롭다운 리스트에서 선택한 항목의 데이터를 서버로 부터 받아와서 화면에 뿌리도록 코팅 하였습니다.
처음은 서버에서 데이터를 받아와 잘 뿌려 줍니다.
자료를 수정하고 서버에 저장이 되고 난 뒤 드롭다운리스트에서 다른 항목을 선택한 후 또 같은 작업 하였습니다.
그리고 난 뒤 처음 불러와 수정한 항목을 드롭다운 리스트에서 선택을 하면 서버에서 데이터를 가져오는 것이 아니라
수정 전의 데이터를 화면에 뿌려 줍니다.
실행을 중지하고 다시 실행을 하면 수정된 데이터가 뿌려 집니다.
즉 A를 불러 수정한 것은 서버에 저장되는 것은 확인을 하였고 B를 불러 작업을 하고
다시 A를 불러오면 수정된 A가 나타나는 것이 아니라 처음 불러왔던 수정되기 전의 A가 불러옵니다.
어떻게 하면 매번 서버의 자료를 불러오도록 할 수 있을까요?
혹 디버거를 활용하여 디버거를 해 보면 bootstrap.min.js 에서 문제는 아닌지요???
// 대진표에 시군명 팀명을 배치
function CityTeamPosition_15() {
// 16강 박스그리기
var num = ['#7_2', '#13_2', '#17_2', '#21_2', '#25_2', '#29_2', '#33_2',
'#33_29', '#29_29', '#25_29', '#21_29', '#17_29', '#13_29', '#9_29', '#5_29', ];
$.each(num, function (index, value) {
//$(value).attr('rowspan', 2);
$(value).html(index + 1);
if (index < 8) {
$(value).addClass('leftNum')
}
else {
$(value).addClass('rightNum')
}
});
// 시군명
var cityName = ['#36_32', '#7_3', '#13_3', '#17_3', '#21_3', '#25_3', '#29_3', '#33_3',
'#33_28', '#29_28', '#25_28', '#21_28', '#17_28', '#13_28', '#9_28', '#5_28', ];
$.each(cityName, function (index, value) {
$(value).addClass('city')
});
// 팀명
var teamName = ['#36_32', '#8_3', '#14_3', '#18_3', '#22_3', '#26_3', '#30_3', '#34_3',
'#34_28', '#30_28', '#26_28', '#22_28', '#18_28', '#14_28', '#10_28', '#6_28', ];
$.each(teamName, function (index, value) {
$(value).addClass('team')
});
//
var uri = '@Url.Action("CityTeamDraw", "JsonResult")';
var country = $('#city option:selected').text()
var game = $('#Games option:selected').text();
var section = $('#Sections option:selected').text();
var detail = $('#Details option:selected').text();
var group = $('#Groups option:selected').text();
// 시군명 팀명 넣기
$.getJSON(uri, { game: game, section: section, detail: detail })
.done(function (data) {
$.each(data, function (i, dData) {
// 추첨번호가 있다면
if (dData.draw != null) {
$(cityName[dData.draw]).html(dData.city);
$(teamName[dData.draw]).html(ReduceString(dData.team));
}
});
}).fail(function () {
alert('에러');
});
}
|
박용준 강사님이 작성하신 내용입니다.
첨부파일 :
None
