2015/09/18

easyselectbox.js 使用時onChangeイベントが発生しない

デザイナーさんがデザイン適用したらjQueryでOnClick制御していたイベントが発生せず。嵌まり。
その時の対応メモ

状況

原因としては、SELECTボックスをリッチにするために easyselectbox.jsを使っていたため。このjsでは元々のSELECTタグを非表示(display:none;)にしてdiv型DOMを動的に生成してデザイン表示代替して処理しているので、変更してもSELECTタグのOnChangeイベントが発生しないのが原因。

対処

デザイナーさん適用前の元々のうまく動いていたシンプルなソースはこんな感じ。

変更前

修正対応後

参考ページ

Github-easyselectbox.js
cly7796.net-easyselectbox.jsの使い方まとめ
Yahoo知恵袋-セレクトボックスのjQueryプラグインで

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

JavaScriptを有効にしてください。
あるいは下記手順で投稿できます。
1.「トークンコード取得」を押すと枠内にトークンコードが表示されます
2.表示されたトークン文字を「投稿確認トークン入力」へ入力します

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">