変数をテキストボックスに入れるには?

質問

javascriptでゲームを作っています。

<dlv class='userinfo' style='display:none;'><span class='alias'></span></dlv>
でユーザー名が拾えます。

<script type="text/javascript">
document.write("<dlv class='userinfo' style='display:none;'><span class='alias'></span>さん。ようこそ</dlv>");
</script>

これで、「高橋さん。ようこそ」と表示されます。

次に、この「高橋」をフォームに入れることを考えました。

そこで下記のように作ったのですが、フォームの中は「undefined」になってしまいます。
<script type="text/javascript">
var abk;
abk =　document.write("<dlv class='userinfo' style='display:none;'><span class='alias'></span></dlv>");
document.getElementById('cla2').value = abk;
</script>
<input typy="text" id="cla2" value=“">

次に下記のように作ったのですが、フォームの中は空です。

<script type="text/javascript">
var abk;
abk =　document.write("<dlv class='userinfo' style='display:none;'><span class='alias'></span></dlv>");
$("#text44").val(abk);
</script>
<input typy="text" id="text44" value=“">

どうすれば、
document.write("<dlv class='userinfo' style='display:none;'><span class='alias'></span></dlv>");
で表示される文字をフォームの中に記載することが可能になるでしようか?

回答No.1

sanzero · ベストアンサー

■書き方
jQueryを使うかつjavascript初心者でしたらjavascriptの書き方ではなくjQueryの書き方で統一されることをお勧めします。
もちろんどちらでも書けるのですが、jQuery流のほうがまとまりやすいとおもいます。
document.write() → $(セレクタ).append()
document.getElementById() → $('#アイディー')
など

■データの扱い方
なるべくHTMLは書き出さず、中身だけ扱うようにします。
でないとHTMLを見た時にどこに出力されるかわからないからです。

■例
<div id="name">高橋</div>
<input typy="text" id="text44" value=“">

// 名前取得
var username = $('#name').text();
// 名前をフォームにセット
$('#text44').val(username);

お礼

有難うございました。
おかげさまで出来ました。大変勉強になりました。
深く御礼申し上げます。

回答No.2

やぎ じじい（@yagijijii）

まず、
<input typy="text" id="cla2" value=“">　は、
　・ｔｙｐｙになっています。
　・ｖａｌｕｅ＝　後のダブルクォテーションが全角です。

あとは、Ｎｏ．１さんの記述で正常に動作すると思います。

お礼

鋭いご指摘有難うございます。
おかげさまで出来ました。
有難うございました。