span id값을 db에 저장이 가능한가요?

span id값을 db에 저장이 가능한가요?

QA

span id값을 db에 저장이 가능한가요?

본문

           

            <td>
                <select name="StartTime" id="StartTime">
                <option value="">시작 시간을 선택하세요</option>
                <option value="2021-05-26 09:00:00">2021-05-26 09:00:00</option>
                <option value="2021-05-26 10:00:00">2021-05-26 10:00:00</option>
                <option value="2021-05-26 11:00:00">2021-05-26 11:00:00</option>
                <option value="2021-05-26 12:00:00">2021-05-26 12:00:00</option>
                <option value="2021-05-26 13:00:00">2021-05-26 13:00:00</option>
                </select>
            </td>
            <td>
                <select name="EndTime" id="EndTime">
                <option value="">종료 시간을 선택하세요</option>
                <option value="2021-05-26 18:00:00">2021-05-26 18:00:00</option>
                <option value="2021-05-26 19:00:00">2021-05-26 19:00:00</option>
                <option value="2021-05-26 20:00:00">2021-05-26 20:00:00</option>
                <option value="2021-05-26 21:00:00">2021-05-26 21:00:00</option>
                <option value="2021-05-26 22:00:00">2021-05-26 22:00:00</option>
                </select>
            </td>
            <td>
            <div id="s_hour" name="s_hour"></div>
            </td>

 
</tr>
<script>
$(function() { 
    $('#StartTime, #EndTime').on('change', function() {
        var d1 = $('#StartTime').val();
        var d2 = $('#EndTime').val();
        
        if (date1 == '' || date2 == '')
            return false;
        
            var date1 = new Date(d1.replace(/-/g, '/'));
            var date2 = new Date(d2.replace(/-/g, '/'));
      
      var difference = Math.abs(date2.getTime() - date1.getTime());
      var hourDifference = difference  / 1000 / 3600 ;
      
      $('#s_hour').html(hourDifference);
    
    });
 
        
});

 

아래 함수로 종료시간 - 시작시간을 계산한 값을 span에 넣었는데 span 값을 db에 저장하려고 합니다.

저장할 수 있는 방법이 있을까요

이 질문에 댓글 쓰기 :

답변 3

$('#s_hour').html(hourDifference);

이 이전에 ajax호출해서 hourDifference 변수로 넘기고 서버쪽 php에서 DB 처리하면 됩니다.

/skin/board/basic/write.skin.php에

    function fwrite_submit(f)
    {
        <?php echo $editor_js; // 에디터 사용시 자바스크립트에서 내용을 폼필드로 넣어주며 내용이 입력되었는지 검사함   ?>

        var subject = "";
        var content = "";
        $.ajax({
            url: g5_bbs_url+"/ajax.filter.php",
            type: "POST",
            data: {
                "subject": f.wr_subject.value,
                "content": f.wr_content.value

이 부분을 참고하시면 될 듯합니다.


                        <td>
                                <select name="StartTime" id="StartTime">
                                <option value="">시작 시간을 선택하세요</option>
                                <option value="2021-05-26 09:00:00">2021-05-26 09:00:00</option>
                                <option value="2021-05-26 10:00:00">2021-05-26 10:00:00</option>
                                <option value="2021-05-26 11:00:00">2021-05-26 11:00:00</option>
                                <option value="2021-05-26 12:00:00">2021-05-26 12:00:00</option>
                                <option value="2021-05-26 13:00:00">2021-05-26 13:00:00</option>
                                </select>
                        </td>
                        <td>
                                <select name="EndTime" id="EndTime">
                                <option value="">종료 시간을 선택하세요</option>
                                <option value="2021-05-26 18:00:00">2021-05-26 18:00:00</option>
                                <option value="2021-05-26 19:00:00">2021-05-26 19:00:00</option>
                                <option value="2021-05-26 20:00:00">2021-05-26 20:00:00</option>
                                <option value="2021-05-26 21:00:00">2021-05-26 21:00:00</option>
                                <option value="2021-05-26 22:00:00">2021-05-26 22:00:00</option>
                                </select>
                        </td>
                        <td>
                        <input type="text" id="s_hour" name="s_hour" style="border:0">
                        </td>

</tr>
<script>
$(function() {
    $('#StartTime, #EndTime').on('change', function() {
        var d1 = $('#StartTime').val();
        var d2 = $('#EndTime').val();
 
        if (d1 == '' || d2 == '')
          return false;
 
        var date1 = new Date(d1.replace(/-/g, '/'));
        var date2 = new Date(d2.replace(/-/g, '/'));
 
        var difference = Math.abs(date2.getTime() - date1.getTime());
        var hourDifference = difference  / 1000 / 3600 ;
 
        $('#s_hour').val(hourDifference);
    });
});
답변을 작성하시기 전에 로그인 해주세요.
전체 64
QA 내용 검색
filter #jsp ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT