선택한 확인란 값을 기준으로 드롭 다운 목록 옵션 가져 오기

아누

데이터베이스에서 확인란을 생성하는 다음 코드가 있습니다.

< table class="table">
  < thead>
    < /thead>
      < th>
        <?php
           $oaNamesQuery = "SELECT DISTINCT oaName FROM oaDetails";
            $oaNamesQueryExecute = mysqli_query($conn, $oaNamesQuery);
             while($oaNamesQueryRow = mysqli_fetch_array($oaNamesQueryExecute)){
                   $oaName = $oaNamesQueryRow['oaName'];
                   echo '<div class = "checkbox-group" required style="float:left; margin-right: 25px;">                          <input class="checkBoxes" type="checkbox" id="checkBoxArray"             name="checkBoxArray[]" value="'.$oaName.'"> '.$oaName.'</div>';
                        }
                    ?>
          < /th>
            < /table>

아래와 같이 입력 유형이 숫자 인 다른 입력 상자가 있습니다.

<div class="col-sm">
  <label for="numberOfShiftPerDay">Number</label>
  <input type="number" class="form-control" id="numberOfShiftPerDay" name="numberOfShiftPerDay" placeholder="No: " onchange="disablingRoutine()" min="1" max="4">
</div>

아래와 같은 예제 UI

여기에 이미지 설명 입력

번호를 입력하면 입력 한 번호에 따라 드롭 다운 메뉴가 나타납니다. 예 : 1을 입력하면 jQuery 'OnChange'를 사용하여 아래와 같이 하나의 드롭 다운 목록이 나타납니다. UI는 다음과 같습니다.

여기에 이미지 설명 입력

내가 필요한 것

사용자가 선택한 확인란을 기반으로하는 드롭 다운 메뉴 옵션이 필요합니다. 예 : 사용자가 X, Y 및 XX 확인란을 선택한 경우 드롭 다운 목록에 X, Y 및 XX가 표시되어야합니다. 누군가가 이것을하는 방법을 도울 수 있습니까?

편집 1

stackoverflow 멤버가 제안한 변경 루틴에 Javascript 기능을 추가했습니다. 그러나 지금은 중복 문제가 있습니다. 내가 변경 한 코드 아래

if ($("#numberOfShiftPerDay").val() == 1) {
  $.each($("input[name='checkBoxArray[]']:checked"), function() {
    cval = $(this).val();
    $('#oaInShift1').append('<option>' + cval + '</option>')
  });
} else if ($("#numberOfShiftPerDay").val() == 2) {
  $.each($("input[name='checkBoxArray[]']:checked"), function() {
    cval = $(this).val();
    $('#oaInShift2').append('<option>' + cval + '</option>')
  });
} else if ($("#numberOfShiftPerDay").val() == 3) {
  $.each($("input[name='checkBoxArray[]']:checked"), function() {
    cval = $(this).val();
    $('#oaInShift3').append('<option>' + cval + '</option>')
  });
} else {
  $.each($("input[name='checkBoxArray[]']:checked"), function() {
    cval = $(this).val();
    $('#oaInShift4').append('<option>' + cval + '</option>')
  });
}

고 우리

선택한 확인란 값을 가져 와서 onchange함수 의 드롭 다운 목록에 추가 할 수 있습니다.

이 시도:

function disablingRoutine()
{
    $.each($("input[name='checkBoxArray[]']:checked"), function(){
        cval = $(this).val();
        $('#dropdownID').append('<option>'+cval+'</option>')

    });    
}

편집 2

function disablingRoutine()
{
    cdata = '';
    $.each($("input[name='checkBoxArray[]']:checked"), function(){
        cval = $(this).val();
        cdata += '<option>'+cval+'</option>';
    }); 
    $('#dropdownID').html(cdata)   
}

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

jQuery-속성을 기반으로 선택한 항목 다음에 드롭 다운에서 다음 옵션의 총 값 가져 오기

분류에서Dev

드롭 다운에서 선택한 옵션의 값 가져 오기

분류에서Dev

드롭 다운에서 옵션을 선택한 행 ID 가져 오기-jQuery

분류에서Dev

PHP 종속 드롭 다운 목록 선택 값 가져 오기

분류에서Dev

동적 종속 드롭 다운 목록에서 선택한 옵션 가져 오기-Flask 사용 (Python)

분류에서Dev

Laravel의 드롭 다운 목록에서 선택한 값 가져 오기

분류에서Dev

드롭 다운 목록에서 선택한 값의 ID 가져 오기

분류에서Dev

드롭 다운 목록에서 선택한 옵션을 가져오고 laravel의 기본 통화에 따라 모든 제품 가격을 변환하는 방법

분류에서Dev

선택한 드롭 다운 값으로 변경할 드롭 다운 제목 가져 오기

분류에서Dev

KnockOut은 드롭 다운으로 확인란의 선택된 값을 가져옵니다.

분류에서Dev

AngularJS의 중첩 된 ng-repeat 내의 드롭 다운 옵션에서 선택한 값 가져 오기

분류에서Dev

Powerbuilder는 드롭 다운 목록에서 선택한 값을 가져옵니다.

분류에서Dev

옵션 및 c : out을 사용할 때 JSP / JSTL의 드롭 다운 목록에서 값 가져 오기

분류에서Dev

선택한 드롭 다운 항목을 기반으로 확인란을 표시하는 방법

분류에서Dev

다른 드롭 다운 상자에서 선택한 옵션을 기반으로 드롭 다운 목록 채우기

분류에서Dev

Jquery의 드롭 다운 선택을 기반으로 한 동적 확인란

분류에서Dev

Jquery의 드롭 다운 선택을 기반으로 한 동적 확인란

분류에서Dev

Javascript를 사용하여 드롭 다운 목록에서 선택한 값 가져 오기 (null 표시)

분류에서Dev

js 기반 드롭 다운 목록에서 선택한 값에서 텍스트를 가져 오는 방법

분류에서Dev

드롭 다운 목록 MVC보기에 확인란을 추가하는 방법

분류에서Dev

드롭 다운 목록 MVC보기에 확인란을 추가하는 방법

분류에서Dev

선택한 드롭 다운 옵션을 기반으로 div 숨기기 해제

분류에서Dev

다른 드롭 다운에서 선택한 값을 기준으로 드롭 다운 옵션을 필터링하고 표시합니다.

분류에서Dev

angularjs에서 선택한 드롭 다운 값 가져 오기

분류에서Dev

Codeigniter에서 선택한 드롭 다운 값 가져 오기

분류에서Dev

PHP의 드롭 다운에서 선택한 값 가져 오기

분류에서Dev

선택한 값 드롭 다운 가져 오기 Angular 2

분류에서Dev

선택한 드롭 다운 Vue Js에서 값 가져 오기

분류에서Dev

드롭 다운 목록 면도기에서 선택한 옵션 설정

Related 관련 기사

  1. 1

    jQuery-속성을 기반으로 선택한 항목 다음에 드롭 다운에서 다음 옵션의 총 값 가져 오기

  2. 2

    드롭 다운에서 선택한 옵션의 값 가져 오기

  3. 3

    드롭 다운에서 옵션을 선택한 행 ID 가져 오기-jQuery

  4. 4

    PHP 종속 드롭 다운 목록 선택 값 가져 오기

  5. 5

    동적 종속 드롭 다운 목록에서 선택한 옵션 가져 오기-Flask 사용 (Python)

  6. 6

    Laravel의 드롭 다운 목록에서 선택한 값 가져 오기

  7. 7

    드롭 다운 목록에서 선택한 값의 ID 가져 오기

  8. 8

    드롭 다운 목록에서 선택한 옵션을 가져오고 laravel의 기본 통화에 따라 모든 제품 가격을 변환하는 방법

  9. 9

    선택한 드롭 다운 값으로 변경할 드롭 다운 제목 가져 오기

  10. 10

    KnockOut은 드롭 다운으로 확인란의 선택된 값을 가져옵니다.

  11. 11

    AngularJS의 중첩 된 ng-repeat 내의 드롭 다운 옵션에서 선택한 값 가져 오기

  12. 12

    Powerbuilder는 드롭 다운 목록에서 선택한 값을 가져옵니다.

  13. 13

    옵션 및 c : out을 사용할 때 JSP / JSTL의 드롭 다운 목록에서 값 가져 오기

  14. 14

    선택한 드롭 다운 항목을 기반으로 확인란을 표시하는 방법

  15. 15

    다른 드롭 다운 상자에서 선택한 옵션을 기반으로 드롭 다운 목록 채우기

  16. 16

    Jquery의 드롭 다운 선택을 기반으로 한 동적 확인란

  17. 17

    Jquery의 드롭 다운 선택을 기반으로 한 동적 확인란

  18. 18

    Javascript를 사용하여 드롭 다운 목록에서 선택한 값 가져 오기 (null 표시)

  19. 19

    js 기반 드롭 다운 목록에서 선택한 값에서 텍스트를 가져 오는 방법

  20. 20

    드롭 다운 목록 MVC보기에 확인란을 추가하는 방법

  21. 21

    드롭 다운 목록 MVC보기에 확인란을 추가하는 방법

  22. 22

    선택한 드롭 다운 옵션을 기반으로 div 숨기기 해제

  23. 23

    다른 드롭 다운에서 선택한 값을 기준으로 드롭 다운 옵션을 필터링하고 표시합니다.

  24. 24

    angularjs에서 선택한 드롭 다운 값 가져 오기

  25. 25

    Codeigniter에서 선택한 드롭 다운 값 가져 오기

  26. 26

    PHP의 드롭 다운에서 선택한 값 가져 오기

  27. 27

    선택한 값 드롭 다운 가져 오기 Angular 2

  28. 28

    선택한 드롭 다운 Vue Js에서 값 가져 오기

  29. 29

    드롭 다운 목록 면도기에서 선택한 옵션 설정

뜨겁다태그

보관