innerTextの内容を<a>タグに表示させたい

質問

開始と終了のテキストボックスに日付8桁（20120422）と入力した際
リンクにパラメータを追加したいのですが上手くいきません。
何もないところに表示することはできましたが<a>タグ内に表示が上手くいきません。
「ここに追加したい」のところに<span id="preview"></span>としても
そのままこの文字列が出てしまいます。

どなたかご教授お願いします。
よろしくお願いし致します。

<script type="text/javascript">
function showPreview() {
var start = document.getElementById('start').value ;
var end = document.getElementById('end').value ;

s_leng = start.length;
e_leng = end.length;

if(s_leng == 8 && e_leng == 8){
document.getElementById('preview').innerText = "start=" + start +"&end=" + end ;
（innerHtmlでも上手くいかない）
}
}
</script>

------------------------------------------------------------------------------------
<form>
<input type="text" id="start" onkeyup="showPreview()">開始
<input type="text" id="end" onkeyup="showPreview()">終了
</form>

<?
$sql = "SELECT name FROM Catalog";
$rtns = pg_query($con, $sql);
while($rtn = pg_fetch_array($rtns)) {
?>
<a href="link.php?ここに追加したい"><?=$name?></a>

<?
}
?>

<span id="preview"></span>
→ここに表示することは可能

回答No.1

pringlez · ベストアンサー

ソースが中途半端な状態なので回答しにくいのですが「preview」をリンク要素のIDだとするならば、以下でいいと思います。

document.getElementById('preview').href = "link.php?start=" + start +"&end=" + end ;

お礼

回答いただきありがとうございました。
教えていただいた通り
<a id="preview<?=$a?>"><?=$name?></a>とIDが重複しないようにし
document.getElementById('preview').href = "link.php?start=" + start +"&end=" + end ;
の部分をforでまわしましたところ希望通りの動作で実現できました。
教えていただき助かりました。
本当にありがとうございました。