드롭 다운 목록에 텍스트 상자를 추가하려면 어떻게해야합니까?

user3663610

드롭 다운 목록 안에 텍스트 상자를 추가하고 싶습니다. 드롭 다운 안에 추가 텍스트 상자를 사용할 수있는 방법이 있습니까? 감사합니다. 부트 스트랩을 사용하고 있습니다.

데이비드

Dropdowns-Bootstrap 에서 제공 한 첫 번째 예제의 마크 업을 사용하면 다음을 사용할 수 있습니다.

$(document).ready(function(){
  jQuery('<a>', {
    class: 'dropdown-item',
    href: '#',
    text: 'New Item'
  }).appendTo($('.dropdown-menu'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet"/>

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

고려해야 할 중요한 사항은 appendTo 선택기를 실제 항목으로 변경해야한다는 것입니다. 내 예에서 .dropdown-menu클래스 가있는 DOM 요소가 여러 개 있으면 모두 새 요소가 추가됩니다.

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

선택한 색상을 색상 드롭 다운 상자에 추가하려면 어떻게해야합니까?

분류에서Dev

드롭 다운 목록으로 데이터 소스를 선택하려면 어떻게해야합니까?

분류에서Dev

선택한 텍스트와 다른 옵션 텍스트를 드롭 다운 메뉴에 표시하려면 어떻게해야합니까?

분류에서Dev

vb.net 코드 뒤에있는 드롭 다운 목록에 하이퍼 링크를 추가하려면 어떻게해야합니까?

분류에서Dev

드롭 다운 목록 선택에 따라 여러 텍스트 상자를 채우려면 어떻게합니까?

분류에서Dev

데이터베이스에있는 수를 기반으로 드롭 다운을 추가하려면 어떻게해야합니까?

분류에서Dev

대화 상자 상단에 드롭 다운 메뉴를 표시하려면 어떻게해야합니까?

분류에서Dev

Ace 텍스트 편집기에서 콘텐츠를 다운로드하려면 어떻게해야합니까?

분류에서Dev

테이블의 드롭 다운 선택에 따라 텍스트 필드에 "사용 안 함"속성을 추가하려면 어떻게해야합니까?

분류에서Dev

데이터베이스에서 Angular의 드롭 다운 목록으로 데이터를 가져 오려면 어떻게해야합니까?

분류에서Dev

angular 2의 드롭 다운 목록에서 전체 객체를 서비스로 반환하려면 어떻게해야합니까?

분류에서Dev

CSS 클래스로 작동하는 드롭 다운 상자를 얻으려면 어떻게해야합니까?

분류에서Dev

테이블에 드롭 다운 목록을 추가하려면 어떻게해야합니까?

분류에서Dev

Mapbox GL의 geojson 레이어에서 텍스트 필드를 추가하려면 어떻게해야합니까?

분류에서Dev

텍스트 필드에서 콤보 상자에 텍스트를 추가하려면 어떻게해야합니까?

분류에서Dev

C #에서 코드를 반복하지 않고 ViewModel에 가변 길이 드롭 다운 목록을 만들려면 어떻게해야합니까?

분류에서Dev

드롭 다운 목록에 텍스트 상자 값을 추가하는 방법

분류에서Dev

덴드로 그램 텍스트에 링크를 추가하려면 어떻게해야합니까?

분류에서Dev

덴드로 그램 텍스트에 링크를 추가하려면 어떻게해야합니까?

분류에서Dev

텍스트 상자에 텍스트를 추가하려면 어떻게해야합니까?

분류에서Dev

드롭 다운을 두 개 이상 추가하거나 추가하려면 어떻게해야합니까?

분류에서Dev

드롭 다운 메뉴에 여러 클래스가있는 div를 표시하거나 숨기려면 어떻게해야합니까?

분류에서Dev

파이썬 장고. name_znat 필드에 드롭 다운 요소를 사용하여 사용자가 선택한 텍스트를 입력하려면 어떻게해야합니까?

분류에서Dev

드롭 다운 목록에서 옵션을 선택하면 검색 상자 자리 표시 자 텍스트가 변경되어야합니다.

분류에서Dev

스크립트를 사용하여 아카이브를 다운로드하고 추출하려면 어떻게해야합니까 (후속 명령에 다운로드 한 파일을 안정적으로 지정하려면 어떻게해야합니까)?

분류에서Dev

드롭 다운 부트 스트랩 옆에 화살표 이미지를 배치하려면 어떻게해야합니까?

분류에서Dev

이 텍스트 상자를 통해 여러 줄을 서로 다른 div / span 태그에 추가하려면 어떻게해야합니까?

분류에서Dev

목록에서 동일한 텍스트를 다시 추가하지 않으려면 어떻게해야합니까?

분류에서Dev

드롭 다운 목록에서 텍스트를 선택하려면 Pb

Related 관련 기사

  1. 1

    선택한 색상을 색상 드롭 다운 상자에 추가하려면 어떻게해야합니까?

  2. 2

    드롭 다운 목록으로 데이터 소스를 선택하려면 어떻게해야합니까?

  3. 3

    선택한 텍스트와 다른 옵션 텍스트를 드롭 다운 메뉴에 표시하려면 어떻게해야합니까?

  4. 4

    vb.net 코드 뒤에있는 드롭 다운 목록에 하이퍼 링크를 추가하려면 어떻게해야합니까?

  5. 5

    드롭 다운 목록 선택에 따라 여러 텍스트 상자를 채우려면 어떻게합니까?

  6. 6

    데이터베이스에있는 수를 기반으로 드롭 다운을 추가하려면 어떻게해야합니까?

  7. 7

    대화 상자 상단에 드롭 다운 메뉴를 표시하려면 어떻게해야합니까?

  8. 8

    Ace 텍스트 편집기에서 콘텐츠를 다운로드하려면 어떻게해야합니까?

  9. 9

    테이블의 드롭 다운 선택에 따라 텍스트 필드에 "사용 안 함"속성을 추가하려면 어떻게해야합니까?

  10. 10

    데이터베이스에서 Angular의 드롭 다운 목록으로 데이터를 가져 오려면 어떻게해야합니까?

  11. 11

    angular 2의 드롭 다운 목록에서 전체 객체를 서비스로 반환하려면 어떻게해야합니까?

  12. 12

    CSS 클래스로 작동하는 드롭 다운 상자를 얻으려면 어떻게해야합니까?

  13. 13

    테이블에 드롭 다운 목록을 추가하려면 어떻게해야합니까?

  14. 14

    Mapbox GL의 geojson 레이어에서 텍스트 필드를 추가하려면 어떻게해야합니까?

  15. 15

    텍스트 필드에서 콤보 상자에 텍스트를 추가하려면 어떻게해야합니까?

  16. 16

    C #에서 코드를 반복하지 않고 ViewModel에 가변 길이 드롭 다운 목록을 만들려면 어떻게해야합니까?

  17. 17

    드롭 다운 목록에 텍스트 상자 값을 추가하는 방법

  18. 18

    덴드로 그램 텍스트에 링크를 추가하려면 어떻게해야합니까?

  19. 19

    덴드로 그램 텍스트에 링크를 추가하려면 어떻게해야합니까?

  20. 20

    텍스트 상자에 텍스트를 추가하려면 어떻게해야합니까?

  21. 21

    드롭 다운을 두 개 이상 추가하거나 추가하려면 어떻게해야합니까?

  22. 22

    드롭 다운 메뉴에 여러 클래스가있는 div를 표시하거나 숨기려면 어떻게해야합니까?

  23. 23

    파이썬 장고. name_znat 필드에 드롭 다운 요소를 사용하여 사용자가 선택한 텍스트를 입력하려면 어떻게해야합니까?

  24. 24

    드롭 다운 목록에서 옵션을 선택하면 검색 상자 자리 표시 자 텍스트가 변경되어야합니다.

  25. 25

    스크립트를 사용하여 아카이브를 다운로드하고 추출하려면 어떻게해야합니까 (후속 명령에 다운로드 한 파일을 안정적으로 지정하려면 어떻게해야합니까)?

  26. 26

    드롭 다운 부트 스트랩 옆에 화살표 이미지를 배치하려면 어떻게해야합니까?

  27. 27

    이 텍스트 상자를 통해 여러 줄을 서로 다른 div / span 태그에 추가하려면 어떻게해야합니까?

  28. 28

    목록에서 동일한 텍스트를 다시 추가하지 않으려면 어떻게해야합니까?

  29. 29

    드롭 다운 목록에서 텍스트를 선택하려면 Pb

뜨겁다태그

보관