input 값으로 ajax나 json으로 가져오기요..
본문
안녕하세요..
제가 원하는 형식은
//datepicker 로 날짜입력을 하면
<input type="text" name="wr_1" value="" id="datepicker">
//input의 날짜를 db 테이블의 wr_2 의 같은 날짜에 해당하는 wr_4를
<select name="wr_5">
<option value=''>선택</option>
<option value='$wr_4값'>$wr_4값</option>
<option value='$wr_4값'>$wr_4값</option>
</select>
셀렉트선택으로 출력되게 하고싶습니다.
검색을 해보니 ajax나 json으로 해야 하는것 같은데요..
흐름은 이해를 하겠는데요.
소스좀 알려주세요.
감사합니다.
답변 2
1) 입력받은 일자에 대해서 onblur event 를 발생시켜서
2) ajax -> json 프로그램 server.php 를 작성합니다.
//datepicker 로 날짜입력을 하면
<input type="text" name="wr_1" value="" id="datepicker" onblur="json_event();">
//input의 날짜를 db 테이블의 wr_2 의 같은 날짜에 해당하는 wr_4를
<span id="select_box">
<select name="wr_5">
<option value=''>선택</option>
</select>
</span>
<script>
function json_event()
{
var sel_date = document.getElementById('datepicker').value;
var message = "";
var type = "0";
$.ajax({
url: "server.php",
type: "POST",
data: {
"reg_date" : sel_date,
},
dataType: "json",
async: false,
cache: false,
success: function(data, textStatus) {
message = data.message;
}
});
var res = message.split(",");
var re_html;
re_html = '<select name=\'wr_5\' id=\'wr_5\' onchange=\\'>';
re_html += '<option value=\'\' selected>선택</option>';
for (i = 0; i < res.length-1; i++) {
re_html += '<option value=\''+res[i]+'\'>'+res[i]+'</option>';
}
re_html += '</select>';
$("#select_box").html(re_html);
}
</script>
<?
// server.php
include_once('./_common.php');
global $g5, $config;
$get_date = $_POST['reg_date'];
$msg = "";
$sql = " select * from db_table where wr_2='$get_date' ";
$result = sql_query($sql);
while ($row = sql_fetch_array($result)) {
$msg .= $row['wr_4'] .",";
}
die("{\"message\":\"$msg\"}");
?>
server.php 만 실행을 해봐서 정성적인 값이 나타나는지 확인해 보시고,
jquery script가 정상적으로 include 되는지도 확인해 보세요