jqueryで抽出した文字をURLに代入したい

質問

下記のように他のページhoge.ne.jp/read1000.phpからスクレイピングしたtakahashiという文字を、メインメインサイトhogehoge.jp/index.htmlの<input type="text">内に表示可能なスクリプトがあります。

【現在できていること】

*****************************************************************
【http://hoge.ne.jp/read1000.php】

<table border="1">
<tbody>
<tr>
<td class="class3_sql_name">takahashi</td>
</tr>
</tbody>
</table>

【http://hogehoge.jp/index.html】

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script>
// 引っ張ってきたいサイトのURL
url = 'http://hoge.ne.jp/read1000.php';
$.get(url, function(data){
var content3_sql_name = $(data.responseText).find('.class3_sql_name').text();
　　$("[name='ca2_stock_name']").val(content3_sql_name);
});
</script>

<input type="text" name="ca2_stock_name" value="" />
*****************************************************************

上記のスクリプトを実行すると、
<input type="text" name="ca2_stock_name" value="takahashi" />
という形が完成します。

******************************************************************

【やりたいこと】
<input type="text" name="ca2_stock_name" value="takahashi" />

ではなく、

<a href="stock.php?name=takahashi">個人ページに移動</a>

というように、スクレイピングしたtakahashiの文字をURL内に表示したいと考えています。

考え方としては、変数として切り取り、URL内に　+my_name+ という形で代入しようと思います。

ダメだったスクリプトその1
<script>
url = 'http://hoge.ne.jp/read1000.php';
$.get(url, function(data){
var content3_sql_name = $(data.responseText).find('.class3_sql_name').text();
});
</script>

<a href="stock.php?name="+content3_sql_name+"">個人ページに移動</a>

ダメだったスクリプトその2
<script>
url = 'http://hoge.ne.jp/read1000.php';
$.get(url, function(data){
var content3_sql_name = $(data.responseText).find('.class3_sql_name').text();
});
var my_name = .text(content3_sql_name);
</script>

<a href="stock.php?name="+my_name+"">ストックページに移動</a>

上記のように2つを試したのですが、takahashiという文字が代入されることはありませんでした。

どうすれば、takahashiという文字をURLに代入させることができるでしようか?

よろしくお願いいたします。

回答No.1

sanzero · ベストアンサー

まず
<a id="mypage" href="stock.php">個人ページに移動</a>
と識別可能なid(なりclassなり）を設置する。

var link = $("#mypage").attr("href"); // stock.php

として、リンク文字列を取得します。

var link += "?name=" + content3_sql_name;

で新しいURLにします。

$("#mypage").attr("href", link);

で設置しなおします。

お礼

ご回答いただきありがとうございます。

補足

<script>
url = 'http://hoge.ne.jp/read1000.php';
$.get(url, function(data){
var content3_sql_name = $(data.responseText).find('.class3_sql_name').text();
　　$("[name='ca2_stock_name']").val(content3_sql_name);
var link = $("#mypage").attr("href"); // stock.php
var link += "?name=" + content3_sql_name;
$("#mypage").attr("href", link);
});
</script>

<a id="mypage" href="stock.php">個人ページに移動</a>

としたのですが、うまくいきませんでした。

どこが悪いのかご指導いただけますでしょうか?

宜しくお願い致します。