Layui 가 select 드 롭 다운 상 자 를 설정 해서 자동 으로 선택 하 는 방법
사용 자 는 어떤 활동 정 보 를 변경 해 야 합 니 다.활동 정보 에는 드 롭 다운 상자 로 선택 할 필드 A 가 포함 되 어 있 습 니 다.사용자 가 팝 업 대화 상 자 를 수정 하려 면 클릭 하 는 순간 기 존 활동 정 보 를 채 워 야 하 며 필드 A 에 존재 하 는 값 을 자동 으로 선택 합 니 다.
2.Layui 의 select 드 롭 다운 상 자 는 어떻게 이 루어 집 니까?
select 에 표 시 된 드 롭 다운 상 자 를 얻 기 위해 html 에 작성 해 야 할 내용 은 다음 과 같 습 니 다.
<div class="layui-form-item">
<label class="layui-form-label"><span class="color-red">* </span> ：</label>
<div class="layui-input-inline">
<select id="edit_exam_school">
<option value=""> </option>
<option value="1"> </option>
<option value="2"> </option>
<option value="3"> </option>
<option value="4"> </option>
</select>
</div>
</div>
이 select 에서 선택 할 수 있 는 요 소 는 ajax 를 통 해 배경 에서 요청 한 것 입 니 다.동적 결과 에 따라 어느 것 을 선택 할 지 결정 해 야 합 니 다.렌 더 링 결과 의 구 조 를 분석 하고 dom 트 리 를 얻 으 면 다음 과 같 습 니 다.
layui-input-inline 에서 select 외 에 layui-form-select 의 div 가 더 있 는 것 을 발견 하 였 습 니 다.이 div 는 layui-select-title 과 dl 두 아이 요 소 를 포함 하고 있 으 며,select 의 선택 이 벤트 는 dl 을 누 르 면 다음 에 확 정 된 dd 요 소 를 실현 할 수 있 습 니 다.
3.어떻게 자동 선택 을 실현 합 니까?
이상 의 분석 결 과 를 통 해 알 수 있 듯 이 우 리 는 자신 이 선택 하고 자 하 는 내용 이 있 는 dd 요 소 를 얻 고 클릭 이 벤트 를 터치 하면 select 로 딩 시 자동 으로 선택 작업 을 할 수 있 습 니 다.
우선 lay-value 를 사용 하여 어떤 요 소 를 자동 으로 선택 해 야 하 는 지 확인 해 야 합 니 다.
var select = 'dd[lay-value=' + data.schoolId + ']';
$('#edit_exam_school').siblings("div.layui-form-select").find('dl').find(select).click();이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
layui 동적 귀속 하단 상자백그라운드 방법: 프런트: JS : Select 바인딩...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
