자바 스크립트를 사용하여 입력 필드에서 검색 실행

온 전성 테스트를 작성하려고합니다. 주어진 :자바 스크립트를 사용하여 입력 필드에서 검색 실행

<div id="txt-search-wrapper" class="pull-left non-action"> 
    <span class="search-widget"></span> 
    <input type="text" class="search-widget" id="txt-search" placeholder="Search"> 
</div>

콘솔에서 이들 중 하나를 사용하면 텍스트가 검색 상자에 입력됩니다. ui에서 수동으로 입력을 클릭하면 검색이 제대로 수행됩니다.

document.getElementById('txt-search').value='test' 
$('#txt-search').val('test')

그러나 다음 명령을 클릭하여 검색을 수행 할 수 없습니다. \ r \ n을 텍스트에 추가하려고했지만 아무 소용이 없습니다. 나는 키 누르기 행사에도 놀았습니다.

document.getElementById('txt-search').click() 
$('#txt-search').click()

출처

2014-11-07 boserwolf

다음과 같은 답변을 참조하십시오 : http://stackoverflow.com/questions/1225798/javascript-programmatically-invoking-events http://stackoverflow.com/questions/2379949/how-to-invoke-click-event -from-javascript – Kolban

문제를 오해 한 경우 실례지만 두 개의 별개이지만 관련있는 문제가있는 것으로 보입니다. 당신이 뭔가가 실제로 발생하려면

첫째, .click()

귀하의 jQuery를이 (유효하지만 클릭은) 핸들러를 필요로한다.

$("#target").click(function() { 
    alert("Handler for .click() called."); 
});

은 [출처 : http://api.jquery.com/click/]

둘째, HTML은 입력 요소가 실제로 검색을 수행 할 수있는 능력이없는

형성한다. 그렇게하려면 제출 버튼이있는 양식을 만들어야합니다. 여기

참조 MDN의 우수한 문서 : 빠른 예를 들어 https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms

, 이런 식으로 뭔가 :

<!-- A common form that includes input tags --> 
<form action="getform.php" method="get"> 
    First name: <input type="text" name="first_name" /><br /> 
    Last name: <input type="text" name="last_name" /><br /> 
     E-mail: <input type="email" name="user_email" /><br /> 
<input type="submit" value="Submit" /> 
</form>

소스 : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input

그런 다음 실행할 제출 입력을 클릭 호출 할 수 있습니다 수색.

희망이 있습니다.

출처

2014-11-07 04:07:33 jmknoll

자바 스크립트를 사용하여 입력 필드에서 검색 실행

답변

관련 문제