를 클릭하면 inviteButton
입력 검색 창이 지워 져야하지만 현재 코드에서는 작동하지 않습니다.
요소를 잘못 타겟팅하고 있습니까?
$("#inviteButton").click(function(){
var userName = $("#searchUser").val();
if (userName.trim() != "") {
if (userName == myUserName) {
$("#connectToBox").append("You can't invite yourself");
$("#searchUser").empty(); // Doesn't work
} else {
socket.emit("checkUserConnect", userName, function(data){
if (data.result === undefined) {
console.log("No name");
$("#connectToBox").append("User does not exist");
$("#searchUser").empty(); // Doesn't work
} else {
console.log("name exists");
$("#searchUser").empty(); // Doesn't work
$("#connectToBox").append("Invite send");
UserID = data.result.id;
socket.emit("connectToUser", myUserName, UserID, currentConversation);
}
});
}
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="connectToBox">
<label for="search-2">Type in username</label>
<input type="search" name="search-2" id="searchUser" value="">
<a href="#" id="inviteButton" data-role="button" data-inline="true">Connect</a>
</div>
입력 필드를 비우려면 일반적으로 다음을 사용합니다.
$('#searchUser').val('')
Empty는 div 또는 p 태그와 같은 요소에서 자식 노드를 지우는 데 사용되지만 입력에는 사용되지 않습니다.
그 이유는 입력 내의 텍스트가 요소의 하위 노드로 표시되지 않고 대신 입력 태그의 html 속성에 저장되기 때문입니다. 따라서 .empty()
값을 지우는 데는 작동하지 않습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다