タグ:

jQueryでclone()するとselectタグで選択したのが反映されない

clone()のselectがコピーされない、選択されないバグをとりあえず直す。

jQueryにclone()という大変便利なメソッドがあります。これは、

$(“#hoge”).clone();

とすると、ID=hogeを丸ごとコピーしてくれるというものです。
フォームで項目を追加したい場合などに大変威力を発揮します。

ただ問題があって、このclone()は、selectタグで変更したものを、コピーしてくれず、コピーしたら変更後の表示値ではなく、初期値が表示されてしまいます。


“jQueryでclone()するとselectタグで選択したのが反映されない”の詳細は »

php製無料メールフォームのTransmitMail

なかなか使い勝手の良い無料メールフォームであるTransmitMailの紹介とメモ。

商用無料、コピーライト不要なphp製のメールフォームにTransmitMailというのがあります。

以前から知っておりましたが、なぜかメールが送れなかったので、設定方法のメモを兼ねてご紹介。ダウンロードは下記リンク先より。


“php製無料メールフォームのTransmitMail”の詳細は »

テーブルセルをクリックするとinputにチェックが入るCSSの書き方

モダンブラウザで実装可能な、フォームを便利にするテク。IEはダメだけど。

ウェブアンケートとか、テーブルを使ったフォームでよくあるもので、例えば以下のようなコードで書かれるものです。

これのテーブルセル内をクリックすると、チェックボックスなりラジオボタンなりがon状態にする方法です。


“テーブルセルをクリックするとinputにチェックが入るCSSの書き方”の詳細は »

フォームのグループ化をするfieldsetタグとlegendタグ

fieldsetタグについてのメモ。

フォームを弄る必要があって、調べていたのですが、フォームをグループ化するのに便利な、fieldsetタグなるものがあるのを思い出しました。

というわけで、fieldsetタグについてのメモになります。


“フォームのグループ化をするfieldsetタグとlegendタグ”の詳細は »

ラジオボタンとチェックボックスが混在したフォームで、ラジオボタンをクリックしたらチェックボックスを全部外すjQuery

アンケートサイトでたまに採用されている中々便利な処理。

タイトルが凄まじく長いですが、要は以下のように、1つのフォーム項目でラジオボタンとチェックボックスが混在しているような状況のことです。

好きなメーカー

特になし トヨタ パナソニック ソニー

このような状況の場合、チェックボックスが入っている状況でラジオボタンをクリックしても、チェックボックスは外れてくれません。

というわけでJavascript、というかjQueryで制御します。


“ラジオボタンとチェックボックスが混在したフォームで、ラジオボタンをクリックしたらチェックボックスを全部外すjQuery”の詳細は »