URL 構築のために JavaScript で入力フィールド値を適切に取得して使用する方法

JavaScript コードの例:

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; + (input text value);

ログイン後にコピー

}

(入力テキスト値)を入力フィールドの値に置き換える必要があります。これを行うには、JavaScript document.getElementById('id') メソッドを使用して要素を ID で取得し、次に .value プロパティを使用してフィールドの値を取得します。

関数searchURL(){<pre class="brush:php;toolbar:false">window.location = &quot;http://www.myurl.com/search/&quot; + 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;

ログイン後にコピー