JavaScriptを使いIEで動かしたいです。
IEのHTMLファイルに一つのテーブルが有ります。
そのテーブルの1列目のみをコンボボックスに抽出させることはできるでしょうか?
きっかけのイベントはなんでも構いません。又、テーブルは何の変哲もない下記のようなテーブルです。
<TABLE BORDER=1>
<TR>
<TD>A</TD><TD>123</TD><TD>123</TD>
</TR>
<TR>
<TD>B</TD><TD>123</TD><TD>123</TD>
</TR>
<TR>
<TD>C</TD><TD>123</TD><TD>123</TD>
</TR>
</TABLE>
上記の例ではA,B,Cをコンボに出したいのです。
お知恵をお貸しください。

A 回答 (1件)

b-takedaさんのやりたいことと違うかもしれませんが、こんなのどうでしょう?


静的ページでも、動的ページでも行けると思いますが。

<head>内
 <script language="JavaScript">
 <!--
  var item = new Array("項目1", "項目2", "項目3");
 //-->
 </script>

<table>部
 <table border>
 <tr><td><script language="JavaScript"><!--
  document.write(item[0]); //--></script></td></tr>
 <tr><td><script language="JavaScript"><!--
  document.write(item[1]); //--></script></td></tr>
 <tr><td><script language="JavaScript"><!--
  document.write(item[2]); //--></script></td></tr>
 </table>

<select>部
 <select>
  <option value="0"><script language="JavaScript"><!--
   document.write(item[0]);//--></script>
  <option value="1"><script language="JavaScript"><!--
   document.write(item[1]);//--></script>
  <option value="2"><script language="JavaScript"><!--
   document.write(item[2]);//--></script>
 </sclect>

#JavaScriptのコード隠蔽用の<!--と、JavaScriptの実コードは、別の行に書く必要があります。
    • good
    • 0
この回答へのお礼

ありがとうございます。
テーブルの中身は変更したくないので他の手段を取らせていただきますが、optionタグとJavaScriptの関連の方法が大変参考になりました。現在はtagsオブジェクトとinnerTextプロパティーを用いてコンボボックスを設定しようと考えてます。

お礼日時:2001/05/17 13:10

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q特定内の
の色を変える

お世話になります。
特定<table>内の<td>の色を変える
<table id="abc">
<tr>
<td>あああああ</td>
<td>いいい</td>
<td>ううう</td>
</tr>
</table>
<table>にはidを定義します。
その<td>タグにはidを定義していません。
このとき、あああああ、いいい、うううの表示色を
<input type="button" value="色を変える" onClick="ChngColor()">

なんてことで、
マウスをクリックすることにより変更できないものでしょうか。
よろしくお願いいたします。

Aベストアンサー

#1さんへの補足より――

> functio ChngColor(){
> var Obj=document.getElementById('abc');
> Obj=document.getElementsByTagName("td");
> for (var i=0;i<Obj.length;i++){
> Obj.style.color="red";
> }
> }

特に3行目がいけない。こう変えましょう。
(あと、詰めすぎは見づらいので、適当に空白を入れました)

function ChngColor() {
var Obj1 = document.getElementById('abc');
var Obj2 = Obj1.getElementsByTagName("td");
for (var i = 0; i < Obj2.length; i++) {
Obj2[i].style.color = "red";
}
}

Q