Question

display = none을 사용하여 숨겨진 텍스트 상자가 있습니다. 나는 그것을 어떤 상태에서 볼 수 있도록 변경하려고 노력하고 있지만, 작동하지 않는 것 같습니다. 컨트롤이 변경 이벤트로 이동하는지 확인했습니다. 나는 그것이 작동하도록하는 다양한 방법을 시도, 내가 시도 3 가지 방법 ('몸')이 $ 내에

colValue = "<input id ='val' class='value' value ='" + field.Value + "'style = 'display: none'/>"; 

나는 컨트롤을 보여 얻기 위해 서로 다른 일을 시도했습니다. 이 작품들 중 어느 것도.

$('#val').css("display", "block"); 
    $('#val').css('display', 'inline'); 
    $('#val').css({ "display": "inline" }); 

내가 누락 된 것이 있습니까?

Answer 1

편집
변경 이벤트가 발생한 후에도 상자가 나타나지 않는 것으로 보입니다. HTML ID가 고유해야하며 DOM 준비가 완료되면 변경 핸들러가 유선 상태인지 확인하십시오. 그것들이 모두 사실이라면, 여러분이 제시 한 코드가 작동해야하기 때문에 코드 조각 밖에서 문제가 발생할 가능성이 높습니다. 주목할 것은 컨트롤이 변경 될 때까지 change 이벤트가 발생하지 않는다는 것입니다. 다른 텍스트 상자 인 경우 이벤트가 시작되기 전에 상자를 클릭해야합니다. (주. : 나는 더 관용적이기 때문에 요소의 가시성을 업데이트 show를 사용하고 있지만, 그것은 당신이 시도한 기능적으로 동일해야한다) 아래의 예를 참조

$(function() { 
 
    $('body').on('change', '.condition', function() {  
 
     $('#val').show(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
Text Box 1 <input id ='val' class='value' value='test' style='display: none' type='text'/> <br /> 
 
Text Box 2 <input class='condition' type='text'/>

---

응용 프로그램에 inline이라는 변수가 없습니다. 따옴표로 묶고 문자열로 만드십시오. 또한, 당신은 스타일을 변경하려는, 그래서 당신은 적절한 방법을 호출해야 (css 방법에 대한 문서를 참조하십시오) : 당신은 당신의 선택기 따옴표가없는

$("#val").css("display", "inline");