URL 구성을 위해 JavaScript에서 입력 필드 값을 올바르게 검색하고 사용하는 방법은 무엇입니까?

JavaScript 코드 예:

함수 searchURL(){</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">window.location = &quot;http://www.myurl.com/search/&quot; + (input text value);

로그인 후 복사

}

(입력 텍스트 값)을 입력 필드의 값으로 바꿔야 합니다. 이렇게 하려면 JavaScript document.getElementById('id') 메서드를 사용하여 해당 ID로 요소를 가져온 다음 .value 속성을 사용하여 필드 값을 가져올 수 있습니다.

함수 searchURL(){

window.location = "http://www.myurl.com/search/" + document.getElementById('searchTxt').value;

}

입력 필드의 값을 얻는 또 다른 방법은 JavaScript document.querySelector를 사용하는 것입니다. ('선택기') 방법. 이 방법을 사용하면 CSS 선택기로 요소를 선택할 수 있습니다. 귀하의 경우에는 다음 선택기를 사용할 수 있습니다:

input[name="searchTxt"]<br>

< p>다음 JavaScript 코드는 document.querySelector('selector') 메서드를 사용하여 입력 값을 가져옵니다. 필드:

function searchURL(){</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">window.location = &quot;http://www.myurl.com/search/&quot; + document.querySelector('input[name="searchTxt"]').value;

로그인 후 복사