WEB相談室

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

タイトル:選択リストの先頭行指定

0:[投稿] きぬ [2004/04/09 18:48 ][環境:わからない わからない]

複数の行を表示している選択リストで、初期表示の際にリストのどの部分を先頭行として表示するかを指定することはできるのでしょうか?ご存知の方どうぞ教えてください。

現在、データが30行ほどで、表示している行数が5行の静的で複数選択可の選択リストを使用しています。6行目以降のデータをselectedにして、初期表示した場合に選択されているのかいないのか、スクロールしないとわからない状態なので、少々不便です。
初期表示の際に一番上のselected行が見える状態にしたいです。
PHPで作成していますが、HTMLの知識にあたるのですかね?


1:[回答] みかん [2004/04/10 12:58 ]

PHP でリスト部を出力して、nVal の部分も出力する。
nVal = <% $nSelectValueNumber %>;
とかってやるのかな??PHP知らんから
良く分からないんだけど。

IE6.0,Moz1.6 で確認。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=shift_jis">
<STYLE TYPE="text/css">
</STYLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript">
window.onload = function() {
    var oSel = document.getElementById("SEL");

    var nVal = 15;    //選択表示したいインデックスを指定

    oSel.options.selectedIndex = nVal+oSel.size-1;

    oSel.options.selectedIndex = nVal;

}
</SCRIPT>
</HEAD>
<BODY>
<SELECT SIZE=5 ID=SEL>
<OPTION>1111
<OPTION>2222
<OPTION>3333
<OPTION>4444
<OPTION>5555
<OPTION>6666
<OPTION>7777
<OPTION>8888
<OPTION>9999
<OPTION>AAAA
<OPTION>BBBB
<OPTION>CCCC
<OPTION>DDDD
<OPTION>EEEE
<OPTION>FFFF
<OPTION>GGGG
<OPTION>HHHH
<OPTION>IIII
<OPTION>JJJJ
<OPTION>KKKK
<OPTION>LLLL
<OPTION>MMMM
<OPTION>NNNN
<OPTION>OOOO
<OPTION>PPPP
<OPTION>QQQQ
<OPTION>RRRR
<OPTION>SSSS
<OPTION>TTTT
<OPTION>UUUU
</SELECT>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript">
</SCRIPT>
</BODY>
</HTML>


2:[完了] きぬ [2004/04/10 14:23 ]

ありがとうございます!
うまくいきそうです。


3:[質問] きぬ [2004/04/10 20:07 ]

すいません。もう一つ質問なのですが、リストの初期表示で
JavaScritpで複数の行を選択することはできるのでしょうか?


4:[回答] gun [2004/04/12 17:16 ]

    var obSelect = document.getElementById('SEL');
    // 1番目と2番目を選択
    obSelect.options[0].selected = true;
    obSelect.options[1].selected = true;

不具合等、ご容赦ください。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World