드롭 다운 목록 안에 텍스트 상자를 추가하고 싶습니다. 드롭 다운 안에 추가 텍스트 상자를 사용할 수있는 방법이 있습니까? 감사합니다. 부트 스트랩을 사용하고 있습니다.
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] 삭제
몇 마디 만하겠습니다