document.getElementById()の()の部分をinputタグを使わずに表示するには

document.getElementById().value = 変数という構文を使うとき、変数の部分をinputタグを使わずに表示させる方法がわかりません。

javascript
1<script type ="text/javascript>
2function T(){
3var ddd = "あああ";
4document.getElementById("sss").value = ddd;
5}
6</script>
7・
8・
9・
10<select id ="jjj" onchange = T()>
11<option value = "いいい">いいい</option>
12<option value = "ううう">ううう</option>
13/select>
14<input id = "sss">

これでも「あああ」は表示されますが、テキストボックス内に「あああ」が入っている状況です。
これをテキストボックスに入っていない状態で表示させるにはどうすれば良いのでしょうか？（scriptタグの外で表示したい）
idをタグ内に入れることができるのはinputしかないので、他の方法が知りたいです。

よろしくお願いします。

行動規範の内容に同意します

回答3件

HTML
1<script><!-- type="text/javascript"の最後の「"」が抜けています。というかtypeは省略可能です。 -->
2function T() {
3	var ddd = "あああ";
4	document.getElementById( "sss" ).value = ddd;2
5	var html = '<b>BOLD</b>';
6	var position = 'afterbegin';
7	document.getElementById( "target" ).insertAdjacentHTML( position, html );
8}
9</script>
10<select id="jjj" onchange=T()>
11	<option value="いいい">いいい</option>
12	<option value="ううう">ううう</option>
13</select><!-- 「<」が抜けています。 -->
14<input id="sss" name="sss" value="">
15<div id="target"></div>

【innerHTMLの代わりにinsertAdjacentHTML()を使ってみようか。（DOMおれおれAdvent Calendar 2015 ? 01日目） | Ginpen.com】
http://ginpen.com/2015/12/01/insertadjacenthtml-instead-of-innerhtml/

【element.insertAdjacentHTML - Web API インターフェイス | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Element/insertAdjacentHTML

投稿2016/09/07 13:27

kei344

総合スコア69398

idをタグ内に入れることができるのはinputしかないので

HTML 4.01では<html>などの一部特殊な要素を除いて、HTML5では全要素に対してidを設定することができます。それとも、別な前提条件があるのでしょうか。

投稿2016/09/07 13:26

maisumakun

総合スコア145183

ベストアンサー

以下spanタグを利用した場合の例です。
参考までにどうぞ。

JavaScript
1<script type ="text/javascript">
2function T(){
3var name = "ストライク";
4document.getElementById("GAT-X105").innerHTML = name;
5// POSTに含める場合はHIDDEN項目を用意すること
6document.getElementById("for-post").value = name;
7}
8</script>
9・
10・
11・
12<span id="GAT-X105"></span>
13<input id="for-post" type="hidden">