3ヶ月でうつ病を改善してきた人のブログ

3ヶ月でうつ病を改善してきた人のブログ

PR

×

Calendar

Keyword Search

▼キーワード検索

Profile

ShanKyou39

ShanKyou39

2013.03.02
XML
カテゴリ: カテゴリ未分類

お疲れ様です。
ありがとうございます。

jQueryで<select>タグ、
ドロップダウンリストを何とか表示用にしようと、
ただし、"disabled"にはしない方向で。

で、苦し紛れですが、javascriptでくるくる
まわしてみた。

//----------------------------------------------------------------------
// ドロップダウンリスを非表示にして、選択されているテキストを横に表示する。
// (select を disabled にするとサーバ側で値が取れない)
var ctls = document.getElementById(div_id).getElementsByTagName("select");
for (var i = 0; i < ctls.length; i++) {
ctl = ctls[i];
ctl.style.display = "none";
$("select#"+ctl.id).after($("#"+ctl.id+" option:selected").text());
}
//----------------------------------------------------------------------


う~ん、のちのち、
セレクターで範囲をしていしたいな~と思ってるので、
できれば、jQueryだけでなんとかならないものか、
と考えてみた。

//----------------------------------------------------------------------
$("div[id*='"+div_id+"'] select").each(
function(){
$(this).css(hd_css);
$(this).after($(this).children(':selected').text());
});
//----------------------------------------------------------------------


もっときれいな書き方もあるかと思うが、
精一杯かんがえてみた(^^;

「function(){・・・}」っていう書き方は、
プロトタイプ?というのか、そこらへんの仕組み?定義?が
よくわかってないので、あたまが悪いぼくとしてはちょっと
しんどい。。。きがする。
使いこなせれば、かなり強力だろうけど...(^^;

←プログラムとは関係ないけど、
 よかったらどうぞ(^^;

読んでいただき、
ありがとうございましたm(_ _)m






お気に入りの記事を「いいね!」で応援しよう

Last updated  2013.03.15 19:39:15
コメント(0) | コメントを書く


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: