홈>
사용자가
office
를 선택할 때이 코드가 있습니다
선택 옵션에서 다른 선택 상자가
employees
를로드합니다.
그
office
에서
.
내 문제는 어떻게
old selected value
를 저장하거나 유지할 수 있는가이다
'확인'버튼을 눌렀을 때 페이지가로드 된 다음 직원을 사용하면 직원으로부터
같은
old value
를 다시 선택하려면
사무실이 변경되지 않은 경우
코드는 다음과 같습니다.
current value
아약스 마스터가 있습니까? 도와주세요.
$( document ).ready(function() {
var $option = $('#office_id').find('option:selected');
var value = $option.val();
updateSalesDay(value);
$('#office_id').change(function(e){
var $option = $(this).find('option:selected');
//Added with the EDIT
var value = $option.val();
updateSalesDay(value);
console.log(value);
});
});
function updateSalesDay(office_id){
$('.load-bar').css('display','block');
$('.panel-body').css('pointer-events','none');
$('#employee_id').empty();
$.ajax({
type: "POST",
headers: { 'X-CSRF-TOKEN': $('[name="csrf-token"]').attr('content') },
url: "{{ route('postFilterEmployee') }}",
data: {
'office_id': office_id
},
dataType: 'json',
success: function (data) {
console.log(data);
employeesList = data;
if (employeesList.length === 0) {
$('#employee_id').append('<option></option>');
}else{
$('#employee_id').append('<option></option>');
for (index = 0; index < employeesList.length; index++) {
$('#employee_id').append('<option value="'+employeesList[index].id+'">'+employeesList[index].last_name+' '+employeesList[index].first_name+'</option>');
}
}
$('.load-bar').css('display','none');
$('.panel-body').css('pointer-events','');
},
error: function (data) {
console.log(data);
}
});
}
- 답변 # 1
- 답변 # 2
기본적으로 페이지를 다시로드하거나 새로 고친 후 데이터를 가져 오려면 페이지를 새로 고치거나 다시로드하기 전에 데이터를 저장해야합니다. 저장 장소는 2 곳입니다. 첫 번째는 서버 (DB 또는 ...), 다른 하나는 클라이언트 측 (브라우저의 로컬 스토리지)입니다.
자신의 상황에 따라 브라우저의 로컬 저장소에 저장 한 다음 다시 사용하기 위해 호출 할 수 있다고 생각합니다.
관련 자료
- loops - 반복적으로 선택하고 R에서 선택한 값을 제거합니다
- JavaScript를 사용하는 Selenium WebDriver에서 선택한 항목을 선택하고 확인하는 방법
- groovy - 테이블 검색의 값을 변수에 저장할 수 있습니까?
- 등록 후 Keycloak 사용자 모델에 외부 데이터를 저장하는 방법
- mysql - sql - select * and with min value without filter row
- javascript - 선택 태그는 초기 상태 값을 유지하고 업데이트하지 않습니다
- javascript - initialstate에서 특정 값을 선택하는 방법은 무엇입니까? 반응 - redux
- scala - Spark의 열 값을 기반으로 리터럴 선택
- mysql - 값 변경시 선택
- javascript - 렌더링 후 React 업데이트 값
- excel - 마우스 롤오버 하이퍼 링크 후 셀 선택
- javascript - 옵션을 클릭 한 후 선택 상자에 CSS 스타일을 적용하는 방법은 무엇입니까?
- excel - 드롭 다운 셀 유효성 검사 값을 선택하는 방법
- c# - 각 행의 유효성을 검사 한 후 UltraGrid 및 데이터베이스에서 선택한 행을 삭제하는 방법은 무엇입니까?
- excel - 계산이 완료된 후 셀이 새 값을 상속 받도록하려면 어떻게해야합니까?
- database - Java 응용 프로그램의 SODA에 추가 된 문서 저장소에서 선택할 수 없습니다
- dart - Flutter, 다른 클래스에서 수정 후 값 보내기 및 가져 오기
- sql server - Powershell 저장소 파이프 라인 반환 값을 변수로
- javascript - 텍스트 영역 값을 삭제 한 후 값을 추가 할 수 없습니다
- reactjs - react-select 및 react-hook-form을 사용하여 선택한 옵션의 값만 보내는 방법
관련 질문
- javascript : 중첩 Ajax 호출 문제
- javascript : 업로드된 PDF를 노드의 파일로 변환
- javascript : "ReferenceError: 변수가 정의되지 않았습니다" 반환
- javascript : ajax 요청의 게시물 데이터가 작동하지만 PHP는 여전히 정의되지 않은 인덱스를 표시합니다.
- javascript : ASP NET MVC 및 JQUERY/AJAX의 데이터베이스에 html 테이블 값 저장
- javascript : 페이지가 로드된 후
만 반환하고 $0으로 변경하므로 HTML 테이블의
가 비어 있거나 null인지 확인해야 합니다. - javascript : JQuery 및 CSS를 사용한 양식 유효성 검사
- javascript : django에서 ajax 호출로 쿼리 및 폐기된 데이터의 속성 값을 표시하는 방법
- javascript : URL에서 페이지로 이미지를 가져오는 방법
- javascript : 여러 위치에서 호출할 수 있도록 아래 jQuery code를 함수에 작성하는 방법은 무엇입니까?
Kakada Naeng이 제공 한 답변은 두 가지 가능성을 설명했습니다.
그러나이 시점에서 모든 것을 백엔드에 저장하므로 폼을 렌더링하기 전에이를 백엔드에서 가져와야합니다. 민감한 것들에 대한 브라우저 메모리를 신뢰하지 마십시오!. (크롬을 사용하여 다음에 IE에서 편집하고 엽니 다 ...)
예를 들어 보겠습니다.