jquery에서 선택 항목을 삭제하는 방법
- 青灯夜游원래의
- 2020-12-21 17:39:274054검색
삭제 방법: 먼저 jQuery 선택기를 사용하여 선택 항목에서 삭제해야 하는 지정된 옵션(옵션 요소)을 가져온 다음 JQuery의 Remove() 메서드를 사용하여 HTML 문서에서 옵션을 삭제합니다. "옵션 옵션" ).remove()".
이 튜토리얼의 운영 환경: windows7 시스템, jquery3.3.1 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.
추천 튜토리얼: jquery 비디오 튜토리얼
jQuery를 사용하여 select 요소에서 옵션(옵션 요소)을 제거하려면 먼저 jQuery 선택기를 사용하여 select에서 삭제해야 하는 옵션 요소를 선택할 수 있습니다. , 그런 다음 JQuery의 Remove() 메서드를 사용하면 HTML 문서에서 옵션이 제거됩니다.
예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body style="text-align:center;" id="body">
<p style="font-size: 15px; font-weight: bold;">单击按钮，从select选择框中删除选项</p>
<select>
<option value="val_1"> Val_1</option>
<option value="val_2"> Val_2</option>
<option value="val_3"> Val_3</option>
<option value="val_4"> Val_4</option>
</select>
<br>
<br>
<button> 单击 </button>
<p id="Text" style="color: green;font-size: 24px;font-weight: bold;"></p>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$('button').on('click', function() {
$("option[value='val_1']").remove();
$('#Text').text('值为val_1的选项已删除！');
});
</script>
</body>
</html>Rendering:
remove() 메소드는 모든 텍스트 및 하위 노드를 포함하여 선택한 요소를 제거하는 데 사용됩니다. 이 메서드는 선택한 요소에서 데이터와 이벤트도 제거합니다.
더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 교육을 방문하세요! !
위 내용은 jquery에서 선택 항목을 삭제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.