skillup

技術ブログ

JavaScript

プルダウン連動のJS+動的要素のイベント追記(ライブラリのイベント)

投稿日:2019年4月13日 更新日:

JSがらみでちょっとした小ネタを。

プルダウン連動

大カテゴリ→小カテゴリなどとあった場合に、新規だけではなく、編集画面などですでに値がセットされている場合、プログラム側で親の方で小カテゴリ用のリストを用意する必要がありますが、JavaScriptのみでこれを実装することもできます。

ただし、ajax使う場合は画面に要素が複数あると遅くなります(参考リンク参照)。一瞬でできるようになっておく必要ありますね・・・

参考リンク

ajaxがらみのイベントの発動とwhenに関して

動的要素へのイベント追加(ライブラリのイベントなど)

jQueryで動的要素へのイベントをセットするとき

のようにかくと思いますが、例えばdatepickerなどライブラリのイベントをセットするときは

のように書けばOKです。検索したんだけど、こういうのが自然に書けないとまずい・・・

あるいは追加要素後、のアクションで普通に再定義してあげればOKです。ダサいけど一番わかりやすい・・・

 

-JavaScript

執筆者:


comment

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

関連記事

no image

jquery multipleについて(応用編) keepOrder

さて、複数選択だけなら前回のエントリーだけでなんとかなりますが、左の項目の順番を入れ変えて保存したい場合、難易度がかなり上がります。 公式ページには下記のように書けばOKとかいてあります。 [cray …

no image

複数の非同期処理終了後(when&Promise.all)

JavaScriptで複数の非同期処理(例:API)を走らせて、その非同期処理が全て終わった後で、何らかの処理をしたい時について。 Contents1 when2 Promise_all when j …

no image

ケース別JavaScriptライブラリまとめ

Webエンジニアとしてはサーバーサイドのプログラムのみならず、JavaScriptをいじることがおおいでしょう。 私自身、昔はわけがわからず大嫌いだったんですが、最近はデバッグが楽なこともあり、結構愛 …

no image

jQuery子要素の取得方法など

jQueryで要素を取得する方法って$(“セレクタ”)しか知らなかったんですが、他にもいろいろあることがわかったのでちょっと紹介。 例えばtrの列の中に横1列に<inpu …

no image

JavaScriptのトランスパイルについて

今回はJavaScriptのトランスパイルについて。 JavaSciprtではwebpackでコンパイルなどをする時に同時にトランスパイルという処理を行います。 トランスパイルとは? 主にES2015 …