2012-09-17 7 views
1

아래 예제를 참조하십시오. 입력에 마이크를 입력하고 페이지에서 입력을 제거하기 위해 "입력 제거"를 누르려고합니다. 사용자가 값을 입력 할 때 값이 DOM에서 업데이트되는 것처럼 보이지 않습니다. 이 문제를 어떻게 해결할 수 있습니까?jQuery를 사용하여 값을 입력 한 후 입력 값을 선택하려면 어떻게해야합니까?

예 : 값은 DOM에 업데이트됩니다

$("#remove").click(function() { 
    $("input").filter(function(){ 
     return this.value === "Mike" 
    }).remove() 
}); 

http://jsfiddle.net/N6pw6/

+0

www.stackoverflow.com/questions/6439859/how-to-select-an-input-by-value-with-jquery-1-4-3--higher –

답변

1

을 당신은 alert($('#testing').val()); (#testing가 제거하려는 입력되고 이것을 확인할 수 있습니다 http://jsfiddle.net/ZMSaD/

+0

종류의 고통이 있습니다. 필요하지만 문제를 해결합니다. 설명 주셔서 감사합니다! – mike

3

이보십시오.)

그러나 $("input[value='Mike']").remove(); 소스 HTML에 쓰여진 것처럼 HTML 속성의 값. 기괴하게, HTML 속성은이 컨텍스트에서 업데이트되지 않습니다.

이 직관적 인 예를 사용해보십시오. 다음, 런타임에 컨트롤로 #testing 입력 및 유형 "마이크"에 value="foo" 설정 : 그러나

alert($('#testing').attr('value')); // Mike 
alert($('input[value="foo"]').val()); // Mike 

, 당신은 명시 적으로 변화하는 속성에 할당하여 업데이트하도록 강제 할 수

$('input').bind('change',function() { 
    $(this).attr('value',this.value) 
}); 

그러면 원래 코드가 작동합니다.

관련 문제