프론트엔드 | 2022. 4. 27. 17:42

JQuery - select 박스 선택시 일부 disable 설정하기

그냥 노트 저장용, 선택된 값에 따라 특정 Input 을 비활성화 시킬 때 사용하는 코드

attr 

removeAttr 

prop

이런 것들을 잘써야 하네.

 

    $("[name$='-group0']").on("change", function(){
        // //selected value
        // console.log($(this).val());
        // console.log($("option:selected", this).attr("value"));
        // //selected option element
        // console.log($("option:selected", this));
        // console.log($("option:selected", this).text());
        // console.log($(this).find("option:selected").text());
        // // 텍스트 박스 readonly 처리 
        // $("#txtBox").attr("readonly",true); 
        // // readonly 삭제 
        // $("#txtBox").removeAttr("readonly"); 
        // // disabled 처리 
        // $("#txtBox").attr("disabled",true); 
        // // disabled 삭제 
        // $("#txtBox").removeAttr("disabled"); 
        // // disabled 여부 
        // if($("#txtBox").is(":disabled")){
        //      console.log("txtBox는 disabled 처리 되어 있음"); 
        // }
        
        if ( $("option:selected", this).text() != "Spare Parts" )
        {
            forms = $(this).closest('.form-row');
            console.log(forms)
            $(forms.get(0)).find("[name$='-group1']").each(function () {
                $(this).prop('disabled', true);
            });
            // $(forms.get(0)).find("[name$='-partnumber']").each(function () {
            //     $(this).prop('disabled', true);
            // });
            // $(forms.get(0)).find("[name$='-desc']").each(function () {
            //     $(this).prop('disabled', true);
            // });
        }
        // e.preventDefault();
        // console.log(e)
        // console.log(this.value, this.text)
        // alert($(this).text);
        // return false;
    });

벌써 여름이다 엄청 더움

Ylanite Koppens 님의 사진, 출처: Pexels

댓글을 달아 주세요

">