Development Tip

JQuery의 텍스트 필드 값 지우기

yourdevel 2020. 12. 2. 22:02
반응형

JQuery의 텍스트 필드 값 지우기


나는 이것이 쉬운 질문이라는 것을 이해하지만 어떤 이유로 이것은 나를 위해 작동하지 않습니다. 드롭 다운 메뉴가 변경 될 때마다 트리거되는 기능이 있습니다. 다음은 텍스트 필드의 현재 값을 가져 오는 것으로 가정하는 관련 코드입니다. 값이있는 경우 .change 함수에 포함 된 값을 지 웁니다.

var doc_val_check = $('#doc_title').attr("value");
    if (doc_val_check.length > 0) {
        doc_val_check == "";
    }

아주 단순한 것을 놓치고있는 것 같습니다.


doc_val_check == "";   // == is equality check operator

해야한다

doc_val_check = "";    // = is assign operator. you need to set empty value

                       // so you need =

다음과 같이 전체 코드를 작성할 수 있습니다.

var doc_val_check = $.trim( $('#doc_title').val() ); // take value of text 
                                                     // field using .val()
    if (doc_val_check.length) {
        doc_val_check = ""; // this will not update your text field
    }

""당신이 시도해야 텍스트 필드를 업데이트하려면

$('#doc_title').attr('value', doc_val_check); 
// or 
$('doc_title').val(doc_val_check);

하지만 위의 과정이 필요하지 않다고 생각합니다.


간단히 말해서 한 줄만

$('#doc_title').val("");

노트

.val()텍스트 필드에서 값을 설정 / 가져 오기 위해 사용합니다. 매개 변수를 사용하면 setter 역할을하고 매개 변수가 없으면 getter 역할을합니다.

자세히 알아보기 .val()


텍스트 필드를 지우려면 다음을 사용하십시오.

$('#doc_title').val("");

모든 것 대신 :

$('#doc_title').attr("value", "");

필요한 것은 :

if ($('#doc_title').val()) {
  $('#doc_title').val('');
}

jQuery를 사용하는 경우 다음을 사용할 수 있습니다.

// var doc_val_check = $('#doc_title').val(); - No need of this!
if ($('#doc_title').val().length > 0) {
    $('#doc_title').val("");
}

간단한 방법으로 다음 코드를 사용하여 양식의 모든 텍스트 필드, 텍스트 영역, 드롭 다운, 라디오 버튼, 확인란을 지울 수 있습니다.

function reset(){
    $('input[type=text]').val('');  
    $('#textarea').val(''); 
    $('input[type=select]').val('');
    $('input[type=radio]').val('');
    $('input[type=checkbox]').val('');  
}

이 줄을 사용하여 지울 수 있습니다

$('#TextBoxID').val("");

텍스트 지우기에 사용할 수 있습니다.

$('input[name="message"]').val("");  


doc_val_check빈 문자열과 비교 하고 있습니다. 빈 문자열을 할당하려는doc_val_check

따라서 다음과 같아야합니다.

doc_val_check = "";


대부분의 경우 .val () 메서드를 설정합니다. 모든 답변은 매우 정확합니다. 렌더링되는 클라이언트 ID를 통해 값을 설정해야하는 사람에게 내 결과를 게시하고 싶었습니다.

 $('#' + '<%= doc_title.ClientID %>').val(null);

jQuery.prototype.val필드 값을 가져 오거나 설정하는 데 사용 합니다.

var value = $('#doc_title').val();    // get value
$('#doc_title').val('');    // clear value

    First Name: <input type="text" autocomplete="off" name="input1"/>
    <br/>
    Last Name: <input type="text" autocomplete="off" name="input2"/>
    <br/>
    <input type="submit" value="Submit" />
</form>


$('#[element id]').val(null);

또는

$('.[element class]').val(null);

빈 텍스트가 보이는 요소를 원한다면 다음과 같이하십시오.

$('#doc_title').html('&nbsp;');

참고 URL : https://stackoverflow.com/questions/10951809/clear-text-field-value-in-jquery

반응형