フィールド イベント を OnChange を使わずに受け取る方法。Javascript
フォームを触らずにイベントを受け取れないかというのが始まり。
ワードプレスであれば、contact-form7 のフィールドの変化によって、
なにかしたいといったような仕様ですね。
JavaScript で監視させられないだろうかと考えた結果。
これで、イベントの発生を取ることができる。
でも、これを ワードプレスにそのまま取り込むと、ほとんどの場合 $ ってなんだ？！ って叱られる。
つか、動かないときは、デベロッパーツールのデバッガーで Javacript の動作を確認してね。
大抵怒られてるから。
じゃあ、$( ってなんなんだろ？ ・・・ Jquery が出てきたころ目にタコができるくらいよく見た。
$ ってのは、 JQuery の省略形なんだ。だから、前述のように $( とか、「かっこよく」書かずに、
JQuery( とダサく安全に書く。
そうすると、概ね、ワードプレスに持ち込んでも動くようになります。
ワードプレスであれば、contact-form7 のフィールドの変化によって、
なにかしたいといったような仕様ですね。
JavaScript で監視させられないだろうかと考えた結果。
select box
01 <select name="selectfieldd" id="selectfieldd">
02 <option value="a">a</option>
03 <option value="b">b</option>
04 </select>
select box javascript
01 <script>
02 jQuery(function() {
03 // セレクトボックスが切り替わったら発動
04 // ※全部の select で反応するので、select が複数ある場合には id のチェックが必要
05 jQuery('select').change(function() {
06 alert(this.id);
07 if( this.id=='selectfieldd' ){
08 alert('target field change');
09 }
10 });
11 });
12 </script>
これで、イベントの発生を取ることができる。
javascript の $( ってなんだ？
こういったものを調べていると $(function() { という表示が見られる。でも、これを ワードプレスにそのまま取り込むと、ほとんどの場合 $ ってなんだ？！ って叱られる。
つか、動かないときは、デベロッパーツールのデバッガーで Javacript の動作を確認してね。
大抵怒られてるから。
じゃあ、$( ってなんなんだろ？ ・・・ Jquery が出てきたころ目にタコができるくらいよく見た。
$ ってのは、 JQuery の省略形なんだ。だから、前述のように $( とか、「かっこよく」書かずに、
JQuery( とダサく安全に書く。
そうすると、概ね、ワードプレスに持ち込んでも動くようになります。
