첫 번째 다중 선택 드롭 다운을 기반으로 두 번째 다중 선택 드롭 다운 업데이트

이안 B

도움! 이 코드를 사용하여 두 번째 드롭 다운이 첫 번째 항목의 선택 항목을 기반으로 하위 범주로 채워지도록 작동하도록했습니다.

드롭 다운 선택을 기반으로 데이터베이스에서 다른 선택 드롭 다운을 채 웁니다.

단일 선택 드롭 다운에서는 잘 작동하지만 첫 번째 드롭 다운에서 여러 항목을 선택할 수 있어야하고 첫 번째 드롭 다운에서 선택한 모든 항목에 속하는 하위 범주를 표시해야합니다.

현재 첫 번째 드롭 다운에서 추가 항목을 선택하면 두 번째 업데이트가 가장 최근에 선택한 항목에 대한 하위 범주 만 표시하도록 업데이트합니다. 아마도 기능의 '새 옵션'비트를 수행하고 있기 때문일 것입니다. 첫 번째 항목에서 추가 항목을 선택할 때 두 번째 드롭 다운에 항목을 추가하려면 어떻게해야합니까? 감사합니다.

실망스럽게도 jsfiddle에서 작동하도록 할 수는 없지만 여전히 의미가 있기를 바라면서 코드를 연결하겠습니다. 포함되어 있는지 확실하지 않습니다.

 php?

: -http : //jsfiddle.net/m1ugpb4o/5/

이안 B

원래 코드 링크에서 ( 드롭 다운 선택에 따라 데이터베이스에서 다른 선택 드롭 다운 채우기 )

이 비트를 변경해야했습니다 :-

  function updateSubCats(){
    var catSelect = this;
    var catid = this.value;


    var subcatSelect = document.getElementById("subcatsSelect");
    subcatSelect.options.length = 0; //delete all options if any present
    for(var i = 0; i < subcats[catid].length; i++){
      subcatSelect.options[i] = new Option(subcats[catid][i].val,subcats[catid][i].id);
    }

이에:-

  function updateSubCats(){
    var catSelect = this;
    var catid = this.value;
    var testSelectionArray = new Array();

for(var j = 0; j < this.options.length; j++) {
      if (this.options[j].selected) {
           testSelectionArray.push(this.options[j].value); 
       }
}

    var subcatSelect = document.getElementById("subcatsSelect");
    subcatSelect.options.length = 0; //delete all options if any present
    var k=0;
    for(var i = 0; i < testSelectionArray.length; i++){
      catid = testSelectionArray[i];
        for(var j = 0; j < subcats[catid].length; j++){
            subcatSelect.options[k++] = new Option(subcats[catid][j].val,subcats[catid][j].id);
        }        
    }
  }

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

AngularJS : 첫 번째 선택 드롭 다운 선택에 따라 두 번째 선택 드롭 다운 채우기

분류에서Dev

첫 번째 드롭 다운이 선택되지 않은 경우 두 번째 드롭 다운 비활성화

분류에서Dev

첫 번째 다중 선택 드롭 다운의 선택에 따라 드롭 다운 채우기

분류에서Dev

jquery 선택 상자 (드롭 다운), 첫 번째 값로드

분류에서Dev

첫 번째 드롭 다운에서 첫 번째 선택을 기반으로 Vuejs 렌더링 선택 드롭 다운

분류에서Dev

첫 번째 옵션의 드롭 다운 선택 값 기본값

분류에서Dev

첫 번째 드롭 다운 선택에 따라 두 번째 드롭 다운 옵션 변경 (JavaScript 전용)

분류에서Dev

첫 번째 드롭 다운에서 선택한 값을 기준으로 두 번째 드롭 다운에서 값을 선택하는 방법은 무엇입니까? 두 값 모두 데이터베이스에서 가져옵니다.

분류에서Dev

첫 번째 드롭 다운 목록에서 이미 선택한 항목의 두 번째 드롭 다운 목록에서 선택하지 마십시오.

분류에서Dev

두 번째 드롭 다운이 첫 번째 드롭 다운 선택에 따라 달라지는 경우 양식을 만드는 방법

분류에서Dev

첫 번째 드롭 다운 선택을 기반으로 동적으로 생성 된 두 드롭 다운의 두 번째 드롭 다운 ID를 얻는 방법은 무엇입니까?

분류에서Dev

두 번째 드롭 다운 메뉴 채우기는 첫 번째 드롭 다운 선택에 따라 다릅니다.

분류에서Dev

Zend Form의 JQuery를 사용하여 첫 번째 드롭 다운 선택에서 드롭 다운에서 두 번째 값을 선택하는 방법

분류에서Dev

선택시 드롭 다운 버튼이 두 번째 드롭 다운 옵션을 비활성화합니다.

분류에서Dev

첫 번째 선택 드롭 다운을 기반으로 선택 드롭 다운을 변경 하시겠습니까?

분류에서Dev

첫 번째 드롭 다운 선택에서 두 번째 드롭 다운 숨기기 / 숨기기 해제하는 방법은 무엇입니까?

분류에서Dev

첫 번째 드롭 다운 옵션 자동 선택

분류에서Dev

첫 번째 옵션을 선택할 때 두 번째 드롭 다운 자동 변경

분류에서Dev

첫 번째 드롭 다운을 기반으로 두 번째 드롭 다운 옵션 비활성화

분류에서Dev

React.js의 첫 번째 드롭 다운에서 선택한 항목에 따라 두 번째 드롭 다운을 채 웁니다.

분류에서Dev

Excel 드롭 다운 목록 : 첫 번째 셀에 대해 선택한 값을 기반으로 인접 셀 설정

분류에서Dev

드롭 다운 메뉴의 값 선택 (두 번째 열)

분류에서Dev

ReactJS는 ajax를 사용하여 첫 번째 드롭 다운 목록 선택한 값을 기반으로 드롭 다운 목록을 채 웁니다.

분류에서Dev

두 번째 드롭 다운 상자를 선택한 경우 첫 번째 드롭 다운 상자 값을 얻는 방법

분류에서Dev

작동하지 않는 첫 번째 드롭 다운을 기준으로 두 번째 드롭 다운 표시

분류에서Dev

두 번째 드롭 다운을 첫 번째 드롭 다운과 동일한 값으로 채우는 방법

분류에서Dev

VUEJS에서 동적으로 생성 된 두 번째 캐스케이드 선택 (드롭 다운)을 업데이트하는 방법

분류에서Dev

드롭 다운에서 무언가가 선택되면 두 번째 드롭 다운을 활성화 1

분류에서Dev

계단식 kendoDropDownList, 첫 번째 드롭 다운에서 선택한 텍스트 가져 오기

Related 관련 기사

  1. 1

    AngularJS : 첫 번째 선택 드롭 다운 선택에 따라 두 번째 선택 드롭 다운 채우기

  2. 2

    첫 번째 드롭 다운이 선택되지 않은 경우 두 번째 드롭 다운 비활성화

  3. 3

    첫 번째 다중 선택 드롭 다운의 선택에 따라 드롭 다운 채우기

  4. 4

    jquery 선택 상자 (드롭 다운), 첫 번째 값로드

  5. 5

    첫 번째 드롭 다운에서 첫 번째 선택을 기반으로 Vuejs 렌더링 선택 드롭 다운

  6. 6

    첫 번째 옵션의 드롭 다운 선택 값 기본값

  7. 7

    첫 번째 드롭 다운 선택에 따라 두 번째 드롭 다운 옵션 변경 (JavaScript 전용)

  8. 8

    첫 번째 드롭 다운에서 선택한 값을 기준으로 두 번째 드롭 다운에서 값을 선택하는 방법은 무엇입니까? 두 값 모두 데이터베이스에서 가져옵니다.

  9. 9

    첫 번째 드롭 다운 목록에서 이미 선택한 항목의 두 번째 드롭 다운 목록에서 선택하지 마십시오.

  10. 10

    두 번째 드롭 다운이 첫 번째 드롭 다운 선택에 따라 달라지는 경우 양식을 만드는 방법

  11. 11

    첫 번째 드롭 다운 선택을 기반으로 동적으로 생성 된 두 드롭 다운의 두 번째 드롭 다운 ID를 얻는 방법은 무엇입니까?

  12. 12

    두 번째 드롭 다운 메뉴 채우기는 첫 번째 드롭 다운 선택에 따라 다릅니다.

  13. 13

    Zend Form의 JQuery를 사용하여 첫 번째 드롭 다운 선택에서 드롭 다운에서 두 번째 값을 선택하는 방법

  14. 14

    선택시 드롭 다운 버튼이 두 번째 드롭 다운 옵션을 비활성화합니다.

  15. 15

    첫 번째 선택 드롭 다운을 기반으로 선택 드롭 다운을 변경 하시겠습니까?

  16. 16

    첫 번째 드롭 다운 선택에서 두 번째 드롭 다운 숨기기 / 숨기기 해제하는 방법은 무엇입니까?

  17. 17

    첫 번째 드롭 다운 옵션 자동 선택

  18. 18

    첫 번째 옵션을 선택할 때 두 번째 드롭 다운 자동 변경

  19. 19

    첫 번째 드롭 다운을 기반으로 두 번째 드롭 다운 옵션 비활성화

  20. 20

    React.js의 첫 번째 드롭 다운에서 선택한 항목에 따라 두 번째 드롭 다운을 채 웁니다.

  21. 21

    Excel 드롭 다운 목록 : 첫 번째 셀에 대해 선택한 값을 기반으로 인접 셀 설정

  22. 22

    드롭 다운 메뉴의 값 선택 (두 번째 열)

  23. 23

    ReactJS는 ajax를 사용하여 첫 번째 드롭 다운 목록 선택한 값을 기반으로 드롭 다운 목록을 채 웁니다.

  24. 24

    두 번째 드롭 다운 상자를 선택한 경우 첫 번째 드롭 다운 상자 값을 얻는 방법

  25. 25

    작동하지 않는 첫 번째 드롭 다운을 기준으로 두 번째 드롭 다운 표시

  26. 26

    두 번째 드롭 다운을 첫 번째 드롭 다운과 동일한 값으로 채우는 방법

  27. 27

    VUEJS에서 동적으로 생성 된 두 번째 캐스케이드 선택 (드롭 다운)을 업데이트하는 방법

  28. 28

    드롭 다운에서 무언가가 선택되면 두 번째 드롭 다운을 활성화 1

  29. 29

    계단식 kendoDropDownList, 첫 번째 드롭 다운에서 선택한 텍스트 가져 오기

뜨겁다태그

보관