상위 선택 옵션의 값이 변경 될 때 특정 하위 선택 옵션을 표시하는 방법

헤 마샤 디

선택 옵션을 만들고 있습니다.

예 : 카테고리에 사용할 일종의 코드입니다. 사용자가 상위 선택 옵션을 선택하면 해당 카테고리의 하위 카테고리로 표시되는 다른 선택 옵션이 있습니다.

내 코드 :

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<select>
<option value="car">car</option>
<option value="phone">phone</option>
<option value="tv">tv</option>
</select>

<select>
<option value="toyota">toyota</option>
<option value="nissan">nissan</option>
<option value="bmw">BMW</option>
</select>
</form>
멜라 드 바타

$("#select1").change(function() {
  if ($(this).data('options') == undefined) {
    /*Taking an array of all options-2 and kind of embedding it on the select1*/
    $(this).data('options', $('#select2 option').clone());
  }
  var id = $(this).val();
  var options = $(this).data('options').filter('[value=' + id + ']');
  $('#select2').html(options);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="select1" id="select1">
  <option value=""></option>
  <option value="1">car</option>
  <option value="2">phone</option>
  <option value="3">tv</option>
</select>


<select name="select2" id="select2">
  <option value=""></option>
  <option value="1">toyota</option>
  <option value="1">nissan</option>
  <option value="1">bmw</option>
  <option value="2">Iphone</option>
  <option value="2">LG</option>
  <option value="2">Samsung</option>
  <option value="3">Philips</option>
  <option value="3">Samsung</option>
</select>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

선택 옵션이 변경 될 때 값을 변경하는 방법은 무엇입니까?

분류에서Dev

JS : 프롬프트로 선택 될 때 선택 옵션 값을 변경 하시겠습니까?

분류에서Dev

특정 옵션을 선택할 때 텍스트를 표시하는 방법

분류에서Dev

특정 div의 옵션 선택의 글꼴 색상을 변경하는 방법은 무엇입니까?

분류에서Dev

v-model 값이 변경 될 때 사용자 지정 Vue 선택 구성 요소가 선택한 옵션을 업데이트하지 않음

분류에서Dev

v-model 값이 변경 될 때 사용자 지정 Vue 선택 구성 요소가 선택한 옵션을 업데이트하지 않음

분류에서Dev

다른 옵션을 선택할 때 DDL의 '선택된'속성을 변경하고 jQuery로 미리 선택된 기본 값을 제거하는 방법

분류에서Dev

변경시 선택 옵션을 생성하기 위해 Javascript에서 PHP로 Select 값을 전달하는 방법

분류에서Dev

오버레이 창을 닫을 때 선택한 옵션을 특정 값으로 변경하는 방법은 무엇입니까?

분류에서Dev

오버레이 창을 닫을 때 선택한 옵션을 특정 값으로 변경하는 방법은 무엇입니까?

분류에서Dev

선택 옵션이 변경 될 때 내 JS 스크립트를 실행하는 방법

분류에서Dev

선택 상자의 옵션 값을 기반으로 비디오의 src 값을 변경하는 방법

분류에서Dev

OptionMenu의 옵션을 선택할 때 위젯을 표시하는 방법은 무엇입니까?

분류에서Dev

동일한 옵션 양식 선택 상자를 선택할 때 경고를 표시하는 방법

분류에서Dev

첫 번째 선택 옵션의 텍스트 색상을 변경하는 방법

분류에서Dev

특정 옵션에 대해 선택 값이 변경되지 않거나 값이 특정 옵션으로 변경 될 때 Jquery로 이벤트를 발생시키는 방법

분류에서Dev

옵션 선택을위한 VW 및 VH 값 설정 방법

분류에서Dev

새 옵션을 선택할 때 이전에 선택한 옵션을 제거하는 방법

분류에서Dev

vue js가 선택한 다른 선택 옵션을 기반으로 선택 옵션을 변경하는 방법

분류에서Dev

선택기의 선택한 항목이 변경 될 때 명령을 실행하는 방법

분류에서Dev

선택시 반응 선택 옵션 스타일을 변경하는 방법

분류에서Dev

범위 값이 변경 될 때 md-select 옵션을 업데이트하는 방법은 무엇입니까?

분류에서Dev

특정 수의 버튼을 선택하고 선택한 후 선택한 색상을 변경하는 방법

분류에서Dev

선택 옵션 배경색을 변경하는 방법

분류에서Dev

yii2 select2 위젯의 선택한 옵션 값을 얻는 방법

분류에서Dev

옵션을 선택하기 위해 셀 테이블의 여러 줄 변환

분류에서Dev

jQuery와 함께 이름 선택을 사용하여 둘 이상의 선택 옵션을 모두 얻는 방법

분류에서Dev

HTML에서 특정 선택 옵션의 스타일을 지정하는 방법

분류에서Dev

선택 목록 js에서 옵션을 변경하는 방법

Related 관련 기사

  1. 1

    선택 옵션이 변경 될 때 값을 변경하는 방법은 무엇입니까?

  2. 2

    JS : 프롬프트로 선택 될 때 선택 옵션 값을 변경 하시겠습니까?

  3. 3

    특정 옵션을 선택할 때 텍스트를 표시하는 방법

  4. 4

    특정 div의 옵션 선택의 글꼴 색상을 변경하는 방법은 무엇입니까?

  5. 5

    v-model 값이 변경 될 때 사용자 지정 Vue 선택 구성 요소가 선택한 옵션을 업데이트하지 않음

  6. 6

    v-model 값이 변경 될 때 사용자 지정 Vue 선택 구성 요소가 선택한 옵션을 업데이트하지 않음

  7. 7

    다른 옵션을 선택할 때 DDL의 '선택된'속성을 변경하고 jQuery로 미리 선택된 기본 값을 제거하는 방법

  8. 8

    변경시 선택 옵션을 생성하기 위해 Javascript에서 PHP로 Select 값을 전달하는 방법

  9. 9

    오버레이 창을 닫을 때 선택한 옵션을 특정 값으로 변경하는 방법은 무엇입니까?

  10. 10

    오버레이 창을 닫을 때 선택한 옵션을 특정 값으로 변경하는 방법은 무엇입니까?

  11. 11

    선택 옵션이 변경 될 때 내 JS 스크립트를 실행하는 방법

  12. 12

    선택 상자의 옵션 값을 기반으로 비디오의 src 값을 변경하는 방법

  13. 13

    OptionMenu의 옵션을 선택할 때 위젯을 표시하는 방법은 무엇입니까?

  14. 14

    동일한 옵션 양식 선택 상자를 선택할 때 경고를 표시하는 방법

  15. 15

    첫 번째 선택 옵션의 텍스트 색상을 변경하는 방법

  16. 16

    특정 옵션에 대해 선택 값이 변경되지 않거나 값이 특정 옵션으로 변경 될 때 Jquery로 이벤트를 발생시키는 방법

  17. 17

    옵션 선택을위한 VW 및 VH 값 설정 방법

  18. 18

    새 옵션을 선택할 때 이전에 선택한 옵션을 제거하는 방법

  19. 19

    vue js가 선택한 다른 선택 옵션을 기반으로 선택 옵션을 변경하는 방법

  20. 20

    선택기의 선택한 항목이 변경 될 때 명령을 실행하는 방법

  21. 21

    선택시 반응 선택 옵션 스타일을 변경하는 방법

  22. 22

    범위 값이 변경 될 때 md-select 옵션을 업데이트하는 방법은 무엇입니까?

  23. 23

    특정 수의 버튼을 선택하고 선택한 후 선택한 색상을 변경하는 방법

  24. 24

    선택 옵션 배경색을 변경하는 방법

  25. 25

    yii2 select2 위젯의 선택한 옵션 값을 얻는 방법

  26. 26

    옵션을 선택하기 위해 셀 테이블의 여러 줄 변환

  27. 27

    jQuery와 함께 이름 선택을 사용하여 둘 이상의 선택 옵션을 모두 얻는 방법

  28. 28

    HTML에서 특정 선택 옵션의 스타일을 지정하는 방법

  29. 29

    선택 목록 js에서 옵션을 변경하는 방법

뜨겁다태그

보관