WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:javascriptでselectの操作。

0:[投稿] popo [2002/06/27 18:44 ][環境:WIN+IE WIN系+Java]

いつも大変お世話になっております。

javascriptでツマヅキ、困ってしまいました。すみません。ご存知の方教えてください。


<javascript側>

var COUNT = 5;
var DATA = new Array(COUNT);
var i;
var k;

var KIGOU = (document.Form4.elements["KIGOU_NAME"].value).split(",");
var KANJI = (document.Form4.elements["KANJI_NAME"].value).split(",");


for(i=0; i < KIGOU.length; i++){
 if(KIGOU[i].length < 20){
   for(k = KIGOU[i].length; k < 15; k++){
     KIGOU[i] += " ";
   }
 }
}

for(i=0; i < KANJI.length; i++){
 if(KANJI[i].length < 20){
   for(k = KANJI[i].length; k < 15; k++){
     KANJI[i] += " ";
    }
 }
}

for(var a=0; a < COUNT; a++){
 DATA[a] = KIGOU[a] + KANJI[a];
}

上記のでDATA[a]という配列が出来ます。
DATA[1] = "aaaa"
DATA[2] = "bbbb"

この配列を、HTMLのselectで表示させたいのですが・・・・

<html側>
<select size=10>
<option value="DATA[1]" selected> DATA[1] </option>
<option value="DATA[2]"> DATA[1] </option>
</select>

イメージ的にはこんな感じです。

javascript側でelementsを使ってvalue値と表示値をセットすることはできませんでしょうか?

どーしてもイメージがでないためすみません。


1:[回答] popo [2002/06/27 19:31 ]

追加。

すみません。上記の質問に追加です。

aaa ああああ   000000
bbb いいいいいい 000000

上記のソースは上に示すように文字を綺麗に並べて、SELECTに表示したいのです。しかし、表示をしてもうまく並ばなく、上と同じ様に困っています。
たびたび、すみません。


2:[回答] popo [2002/06/27 19:32 ]

上記の表示では、00000ずれていますが、本当は並べたいのです。


3:[回答] ナン [2002/06/28 09:08 ]

>>0
に関しては、以下の感じ。

<body onLoad="sel1st()">
<script type="text/javascript">

var strM=new Array("6","7");

function sel1st() {  //ページを読み込んだ時のセットアップ
       document.myForm.mySel1.length=strM.length;
       for(i in strM) {
           document.myForm.mySel1.options[i].text=strM[i];
           document.myForm.mySel1.options[i].value=strM[i];
       }
}
</script>
<form name="myForm" >
<select name="mySel1"></select>
</form>
</body>

>>1
に関しては、たぶん、無理でしょう。
まぁ、固定幅フォントを上手く使えば、いけるかも知らんけど、どうなんでしょう...。


4:[回答] popo [2002/06/28 13:13 ]

ナンさんありがとうございます。

出来ました。ただ、defaultSelectedをつけても、選択状態にならないのですね。 なんでだろ???
一番初めの値のみつけているのですが・・・・

とりあえず、問題になっているところは解決できました。大変ありがとうございました。

2に関しては、どうしようか、迷います。ある程度は綺麗に出ましたが、うーん。きっちりとは並ばないので・・・


5:[完了] popo [2002/06/28 14:15 ]

selectedIndexを使って出来ました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World