홈>
html 웹 페이지에 드롭 다운 메뉴가 있습니다. 사용자가 드롭 다운에서 값을 선택할 때 후속 드롭 다운을 표시하고 싶습니다. 예 : 드롭 다운 1 선택 값 1>표시 드롭 다운 2. 드롭 다운 1 선택 값 2>표시 드롭 다운 3
아래 코드에 거의 다 있다고 생각합니다. 세 개의 드롭 다운이 있고 처음에는 첫 번째 만 표시됩니다. 그러나 클라이언트 1을 선택한 경우 드롭 다운 클라이언트 1을 표시하도록 설정하고 클라이언트 2를 선택한 경우 드롭 다운 클라이언트 2를 표시하도록 설정하려면 if 문을 지정해야한다고 생각합니다.
나는
if
를 시도했다
진술하지만 작동시킬 수 없습니다. 최소한 일종의 구문 오류가 예상되거나 내가 시도한 내용이 내가 접근 한 방식으로 작동하지 않습니다.
var elem = document.getElementById("client");
var strUser = e.options[e.selectedIndex].value;
if (strUser.value == "Client 1");
elem.onchange = function() {
var hiddenDiv = document.getElementById("client1");
hiddenDiv.style.display = (this.value == "") ? "none" : "block";
};
else
elem.onchange = function() {
var hiddenDiv = document.getElementById("client2");
hiddenDiv.style.display = (this.value == "") ? "none" : "block";
};
<select class="default" id="client" name="client">
<option value="" selected>Select Client</option>
<option value="1">Nike</option>
<option value="2">Adidas</option>
</select>
<select class="default" id="Nike_group" name="Nike_group" style="display: none;">
<option value="" selected>Select option</option>
<option value="1">Zoom</option>
<option value="2">Vapour</option>
</select>
<select class="default" id=Adidas_style" name="adidas_style" style="display: none;">
<option value="" selected>Select option</option>
<option value="1">Running</option>
<option value="2">Football</option>
<option value="3">Rugby</option>
</select>
<select class="default" id=Adidas_rugby" name="adidas_rugby" style="display: none;">
<option value="" selected>Select option</option>
<option value="1">England</option>
<option value="2">France</option>
<option value="3">Wales</option>
</select>
<select class="default" id=Adidas_football" name="adidas_rugby" style="display: none;">
<option value="" selected>Select option</option>
<option value="1">Man UTD</option>
<option value="2">Chelsea</option>
<option value="3">Everton</option>
</select>
- 답변 # 1
관련 자료
- javascript - jquery의 자동 채우기 드롭 다운에서 값을 가져 오지 않음
- sql - 열에 값이없는 특정 관계 쿼리
- dplyr - r에서 특정 주파수보다 큰 특정 값의 수를 찾으십시오
- powershell을 사용하여 두 개의 다른 열에 특정 텍스트가있는 Excel의 행 수를 계산하려고합니다
- javascript - initialstate에서 특정 값을 선택하는 방법은 무엇입니까? 반응 - redux
- python - 특정 데이터를 다른 csv 파일에 어떻게 쓰나요?
- javascript - 배열의 특정 값을 변경하고 배열이 비어 있습니다
- 아카이브 된 파일의 json에서 특정 값을 읽는 방법 javascript 및 jszip 사용
- javascript - 여러 드롭 다운을 복제 할 때 jQuery에서 여러 드롭 다운 목록 값을 얻는 방법
- python - 열에 다른 열에 특정 값이있는 경우 계산
- javascript - 특정 인덱스의 값을 얻기 위해 JSON에서 배열을 정렬하는 방법은 무엇입니까?
- excel - 드롭 다운 셀 유효성 검사 값을 선택하는 방법
- sql server - 특정 값을 기반으로 SQL 테이블에서 행 검색
- javascript - 데이터베이스에서 검색 한 드롭 다운에서 선택한 항목의 가격을 합산하려면 어떻게해야합니까?
- flutter - 다트 맵, 키 ID를 기반으로 list 의 특정 키 값을 대체하는 방법은 무엇입니까?
- python - Pandas DataFrame의 다른 열에서 가장 가까운 선행 값 찾기
- F #에서 부울 배열의 특정 위치에 대한 인덱스 값 가져 오기
- Python JSON은 특정 줄의 값을 대체합니다
- python - 판다 - 전체 데이터 프레임에서 특정 값이있는 열 찾기
- reactjs - react-select 및 react-hook-form을 사용하여 선택한 옵션의 값만 보내는 방법
관련 질문
- javascript : 본문 태그 내부의 전체 HTML 교체
- javascript : iOS (웹)에서 '매직 캐럿'기능을 트리거하는 방법이 있습니까?
- javascript : 바닐라 JS에서 html (템플릿) 파일을 js 변수로 사용하는 방법
- javascript : Nuxt.js で 画像 読 み 込 み 時 に 404 エ ラ ー が 発 生 し た 際 に 代 わ り の 画像 に 差 し 替 え た い
- javascript : HTML5 캔버스에 텍스트가있는 원을 그리는 방법
- Javascript에서 HtmlSpecialChars에 해당합니까?
- javascript : 입력 필드를 리치 텍스트 편집기로 변환
- javascript : Google 차트 타임 라인의 더미 행?
- javascript : 버튼을 클릭하고 jQuery로 별도의 JS 파일을 클릭하여 Google지도 마커에서 클릭 이벤트를 트리거합니다.
- javascript : InnerHTML이 업데이트되지 않음
이 작업을 수행하려는 것으로 가정합니다
다른 선택을 숨기려고 반복합니다