URLパラメータとしてフォーム入力し、ウェブページに新しいURLを出力します

Question

データベースのジェネリック名を検索し、見つかった場合はウェブページに戻す必要があります。しかし、私はまた、その特定の遺伝子に関する情報を、URLパラメータとして入力として与えられた遺伝子を有するウェブページ上のリンクを作成することによって与えたい。

入力例：abi2含まれていないコードの

<p>Search Gene:</p> 
    <form name = "form1" method="post" action="javascript:jsonfunction();"> 
     <input name="search" type="text" id="search" size="40" maxlength="50"/> 
     <input type="submit" name="Submit" value="Search"/> 
    </form> 

レスト。 は今、これは私がWebページ上で取得したいと思いです：

遺伝子情報： Genecards

（<「のhref = "http://www.genecards.org/cgi-bin/carddisp .pl？gene = abi2 "> Genecards ） 'を追加してコードを表示してください。

は、これまでのところ私は...スタックにこのどこかを見つけた：

<script> 
function process() 
{ 
var url="http://www.genecards.org/cgi-bin/carddisp.pl?gene=" + document.getElementById("url").value; 
location.href=url; 
return false; 
} 
</script> 

<form onSubmit="return process();"> 
URL: <input type="text" name="url" id="url"> <input type="submit" value="go"> 
</form> 

しかし、これは自動的に新しいページにリダイレクトします。 私はちょうど私のページのリンクとしてそれをしたい。

ありがとうございます。事前に感謝:)

Answer 1

私はあなたが欲しいものは、このようなものだと思います。基本的には、IDに空のアンカータグがあり、そのIDにアクセスできるので、フォームを送信すると、そのデータを使用して指定したとおりにリンクが作成されます。 （あなたは何もせずにリンクを構築することもできますが、これは簡単になります）

<script> 
function process() 
{ 
var url="http://www.genecards.org/cgi-bin/carddisp.pl?gene=" + document.getElementById("url").value; 
var link = document.getElementById("geneLink"); 
link.href = url; 
link.text = "Genecards" 
return false; 
} 
</script> 

<form onSubmit="return process();"> 
URL: <input type="text" name="url" id="url"> <input type="submit" value="go"> 
</form> 
<a id="geneLink" href=""></a>