JavaScriptはHTML文字を置き換えます

Question

私はJavascriptでまともなことをしていません。私が望むのは、検索フォームを持つことです。フォームへの入力はURLを変更する必要があります。新しいURLを持つ新しいタブが開きます。

たとえば、「プロダクション」と入力すると、URLはhttp://production-test.com/test/になり、新しいURLが新しいタブで開きます。

私はこれがJavascriptであるべきだと知っていますが、新しいURLをどのように返すことができるのか分かりません。

私は今までこのHTMLを持っていて全く動作しません。

<script language="javascript"> 
function change_url(result) { 
    #var result = document.getElementById().value; 
    var new_url = "http://" + result + "-test.com/test/'; 
    # open new window with the new url 
} 

<form id="search-box" name="search_box" method="get" 
action="http://variable-test.com/test/" target="_blank""> 

<input id="search-text" type="text" autocomplete="off" 
class="form-text-box no-focus" name="c" value="" aria-haspopup="true"> 
<input type="radio" id="rel" name="sort" value="1" onchange="saveType('rel');" /><span data-message="TypeOp1">Relevance</span><br /> 

<input id="search-button" type="submit" /> 

Answer 1

あなたが新しいタブ/ウィンドウで開くには、ウィンドウを希望する場合、window.open

window.open(new_url); 

を使用する2番目の引数として '_blank' であなたを仮定し

window.open(new_url, '_blank'); 

Answer 2

を渡すことができます最終的な目標は、新しいタブ/ウィンドウで新しいURLを開くだけでなく、新しいタブ/ウィンドウの新しいURLにフォームを送信することです。

あなたがフォームを送信する前に、フォームのアクションを変更可能性があります

function change_url(form) { 
    var result = document.getElementById('inputId').value;   
    form.action = "http://" + result + "-test.com/test/"; 
    return true; 
} 

とフォームタグにこれを追加します。

onsubmit="return change_url(this)" 

フォームが新しいURLになりましsendedではれます新しいウィンドウ/タブに移動します（ターゲットを"_blank"に設定したため）