developer tip

옵션의 텍스트 / 값이 주어지면 드롭 다운 목록에서 옵션을 제거하는 jQuery

copycodes 2020. 11. 26. 18:46
반응형

옵션의 텍스트 / 값이 주어지면 드롭 다운 목록에서 옵션을 제거하는 jQuery


드롭 다운 목록이 있고 특정 옵션의 텍스트 / 값이 주어지면 옵션을 제거하고 싶습니다. jQuery를 사용할 수 있습니까? 드롭 다운 목록에 옵션을 추가하는 '추가'처럼 옵션을 제거하는 기능이 있나요?

나는 그것을 검색해 보았지만 내가 찾은 것은 드롭 다운 목록의 전체 옵션 세트가 제거 된 예뿐이었습니다.

건배


$("option[value='foo']").remove();

이상 (페이지에 선택 항목이 거의없는 경우) :

$("#select_id option[value='foo']").remove();


드롭 다운 요소를 현지화 한 후

dropdownElement = $("#dropdownElement");

<option>JQuery 속성 선택기를 사용 하여 요소 찾기

dropdownElement.find('option[value=foo]').remove();

$('#id option').remove();

드롭 다운 목록이 지워집니다. 값 선택을 취소하려면$("#id option:selected").remove();


매우 늦었지만 다음과 같은 접근 방식을 사용할 수도 있습니다.

<select id="type" name="type" >
    <option value="Permanent" id="permanent">I am here to stay.</option>
    <option value="toremove" id="toremove">Remove me!</option>
    <option value="Other" id="other">Other</option>
</select>

두 번째 옵션 (id = toremove)을 제거해야하는 경우 스크립트는 다음과 같습니다.

$('#toremove').hide();

참고 URL : https://stackoverflow.com/questions/1982449/jquery-to-remove-an-option-from-drop-down-list-given-options-text-value

반응형