skillup

技術ブログ

JavaScript

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

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

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

プルダウン連動

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

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

参考リンク

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

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

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

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

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

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

 

-JavaScript

執筆者:


comment

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

関連記事

no image

JavaScript 変数、配列、オブジェクト、スコープ、関数、オブジェクトの基本について

日頃業務で使っているJavaScriptについて。自分的なメモです。 Contents1 変数定義2 配列の定義2.1 展開3 オブジェクトの定義3.1 展開4 関数4.1 スコープ4.2 即時関数4 …

no image

クリック編集のjQuery

最近のWEBサービスだと表示の画面と編集画面が同じになっていて、一見表示なんだけど、クリックすると特定の項目は編集できる、そんな画面がふえていきていますよね。 先日社内アプリをつくっていたところ、そう …

no image

vueの環境構築

vueについて勉強したことなどを。 Contents1 vueとは?1.1 方法1 CDN1.2 方法2 npm+コンパイル vueとは? 近年のJavaScriptフレームワークの一種で「双方向デー …

no image

JSでの金額変換で気をつけることなど

以前、ちょっと特集した JSでの画面の金額集計 の続きです。 画面で帳票系のアプリを作ろうとしている時など、画面上の値から金額の合計金額を出すなどがよく見られます。 すごく基本的ですが、PHPに慣れて …

no image

JSF+ajax

JSFでajaxを使うときにいろいろと調べたのでメモ。 やろうとしたことはWEB上で給与明細の計算をしたくて、プルダウンで月の変更したら自動的に経費が該当月に替わるというシステムです。 ajaxを使う …