いちばん失敗した人決定戦

javascriptのプルダウンで一覧から項目を選択したら、プルダウンに表示する文字を一覧とは違うものに出来るかどうか。

説明文が分かりにくかったら申し訳ございません。
図と文字で説明すると以下のような感じです。
============================
前提:リストに表示させる項目は「ああああ」「いいいい」「うううう」

1.まず、プルダウンを開きます。
 [    ▽]
 ―――――
|ああああ|
|いいいい|←「いいいい」を選択する
|ううううう |
 ―――――

2.項目を選択する。
 [2番目▽]←「いいいい」を選択したが、「2番目」とプルダウンに表示させる。

3.またプルダウンリストを開く
 [2番目▽]
 ―――――
|ああああ|
|いいいい|
|ううううう |
 ―――――
「2番目」と表示されたまま最初にあった全ての項目が表示される。

プルダウンは複数行あるグリッド(javascriptでもこの部品名か分かりませんが、エクセルみたいに動作する部品です)でA列に同じ種類が置かれます。
↓こんな感じで

 A列 | B列 | C列 |←ヘッダ部
――――――――――――
[  ▽]|     |    | ←ボディ
――――――――――――
[  ▽]|     |    |
――――――――――――
[  ▽]|     |    |
――――――――――――
============================
上記のような動作はjavascriptでは可能でしょうか?

javascriptは門外漢で、プログラマーにjavascriptでは出来ない!と言われてしまっているのですが、VB的には出来るのだからjavascriptでも出来るのではないかと思っています。
ただ、動作させる場所がweb上なので自分が思っているものとは制限が違うのではないかもと思い、意見を言えない状態です。


ご存知のいらっしゃいましたら
 ・可能か否か
出来れば
 ・どのような作り方であれば実現できそうか
(プルダウンを開いた時と閉じた時で処理を走らせればいいとか簡単でいいので)
などを教えていただければ幸いです。
よろしくお願いいたします。

A 回答 (2件)

form要素をスクリプトでカスタマイズしているライブラリがありますが、それと同様のことを行えば可能と思われます。


要は、ブラウザの機能を使わずにスクリプトでそれとほとんど同じ機能を実装し直すといった感じでしょうか。その際に、質問者様の思う仕様にしておくことで、実現可能になるのでは。
 http://ryanfait.com/resources/custom-checkboxes- …
 http://www.givainc.com/labs/linkselect_jquery_pl …
 http://www.ay-sys.com/contents/form_select


しかしながら、利用者は通常の表示と異なるためわけがわからず混乱する、というものをわざわざコストをかけて制作するようなことになる可能性があることをお忘れなく。
    • good
    • 0
この回答へのお礼

コストの事をまったく考えておりませんでした。
出来る出来ないの応酬合戦になりつつあったので非常に有益なご意見ありがとうございます。

お礼日時:2014/02/26 20:46

表示するときはテキストボックスなどにしておき


クリックしたらセレクトボックスを重ねればいいのでは?
    • good
    • 0
この回答へのお礼

成る程、その手が可能でしたか。
ありがとうございますm(_ _)m

お礼日時:2014/02/26 20:42

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