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(' ');
참고 URL : https://stackoverflow.com/questions/10951809/clear-text-field-value-in-jquery
'Development Tip' 카테고리의 다른 글
Entity Framework Code First에 엔터티의 자식 및 손자 요소를 어떻게 열심히 포함합니까? (0) | 2020.12.02 |
---|---|
onPrepareOptionsMenu가 메뉴 항목을 전환 할 때 ActionBar를 어떻게 새로 고칠 수 있습니까? (0) | 2020.12.02 |
Unix 쉘 스크립트에서 현재 날짜를 epoch로 가져옵니다. (0) | 2020.12.02 |
ServletFilter의 ServletResponse에서 HTTP 상태 코드를 얻으려면 어떻게해야합니까? (0) | 2020.12.02 |
Angular.js 클릭시 요소 CSS 클래스를 변경하고 다른 모든 요소를 제거하는 방법 (0) | 2020.12.02 |