JQUERY

    Ajax 활용 (2)
    • 조회수 4,490
    • 작성일 2010-11-17
    •  
    $('#wr_6').change(function() {
      var data1 = $('#wr_6').val();
      var data2 = <?=$wr_id?>;
      $.ajax({
        type: "POST",
        url: "ajax_check.php",
        data: "on_data=" + data1 + "&wr_id=" + data2 + "&mode=result",
        dataType: "text",
        success: function(text, textStatus) {
          $('#myPageElement1').append(text);
        },
        error: function(xhr,textStatus,errorThrown) {
          alert('An error occurred!' + (errorThrown ? errorThrown : xhr.status));
        }
      });
    });

     <select name="wr_6" id="wr_6">
      <option value="">선택하세요</option>
      <option value='준비'>준비</option>
      <option value='대기'>대기</option>
      <option value='진행중'>진행중</option>
      <option value='완료'>완료</option>
      <option value='보류'>보류</option>
     </select>
     <span id="myPageElement1"></span>