JQueryのchangeイベント実行

最近の書き込み件数: 今日 0件、昨日 0件
未読分:4件

最新20件 最新50件 最新100件 最新200件 200件以前
昨日以降(0) 2日前以降(0) 3日前以降(0) 4日前以降(0) 5日前以降(0)


Excel VBAでIEを思いのままに操作できるプログラミング術 Excel 2013/2010/2007/2003対応

近田 伸矢, 植木 悠二, 上田 寛

IEのデータ収集&自動操作のプログラミング本はこの1冊だけ!IEの起動やポップアップウィンドウ、表示を制御する基本的なコードはもちろん、テキストボックスやラジオボタン、表、ハイパーリンクなどのHTML部品を制御する方法など、自動操作に欠かせないノウハウを丁寧に解説。

Message#4 2018年11月8日(木)23時33分
From: ジャッカル
返事 変更
それなら

直で

addFilter($(this).val(), '', []);

を実行したらいいってことだね。

> 見ていただき、ありがとうございます。
>
> JQueryはほとんど理解できていないので間違っているかもしれませんが、
> この部分がイベントで実行されると思います。
> > $('#add_filter_select').change(function() {
> > addFilter($(this).val(), '', []);
>
> 実際の動作は、「フィルタ追加」のセレクトボックスで選択したものに
> 応じて、新たにセレクトボックスが表示されるというものです。
> '#add_filter_select'に値を入れることはできたのですが、表示される
> はずのセレクトボックスが表示されなかったので、changeイベントが
> 実行されていないためと思いました。
>
>
>
>
> ジャッカルのメッセージ(#2)への返事
>
> > どれがJQueryのイベントコード?
> >
> >
> > > Redmineというプロジェクト管理ツールから、登録されているチケットをVBAで取得しようとしています。取得処理の中で、セレクトボックスを選択した後でJQueryのchangeイベントが発生する箇所があるのですが、イベントの起動ができません。本掲示板の過去スレッドに出ていた方法も試したのですが、うまくいきませんでした。
> > > みなさんの知恵をお借りしたいです。よろしくお願いします。
> > >
> > > <対象ページの構造>
> > > 1)HTMLの内容
> > > ★で要素を選択すると、要素に応じたセレクトボックスが表示されます。
> > > td class="add-filter"
> > > label for="add_filter_select"?フィルタ追加 /label
> > > select id="add_filter_select".../select★
> > > /td
> > >
> > > 2)イベントの確認
> > > ブラウザでselect id="add_filter_select"でEvent Listeners を
> > > 確認すると、以下の通りでした。
> > > ▼change
> > >  ▼select#add_filter_select
> > > application.js?1396112202:78
> > > useCapture: true
> > > passive: false
> > > once: false
> > > ▼handler: f()
> > > ?[[scopes]]: Scopes[1]
> > > [[FunctionLocation]]: <unknown>
> > > ?__proto__: f()
> > > ?prototype: {constructor: f}
> > > name: ""
> > > length: 0
> > > caller: null
> > > arguments: null
> > > guid: 24
> > >
> > > handler の後のf() にマウスを乗せると、
> > > function() { addfilter($this).val(), '',[]; }
> > > と表示されました。
> > >
> > > 3)ソースの確認
> > > handlerのf()で"Show Function Definition"を実行すると
> > > 以下のソールが表示・選択されました。
> > > function initFilters() {
> > > $('#add_filter_select').change(function() {
> > > addFilter($(this).val(), '', []);
> > > });
> > >
> > > <試したこと>
> > > 1)以下の方法では、値がセレクトボックスに表示されましたがイベント
> > >   は発生しませんでした。
> > > Dim evt As Object
> > > Set evt = objIE.document.createEvent("HTMLEvents")
> > > evt.initEvent "change", True, False
> > >
> > > objIE.document.getElementById("add_filter_select").Value = "tracker_id"
> > > objIE.document.getElementById("add_filter_select").dispatchEvent evt
> > >
> > > 2)以下の方法も、値がセレクトボックスに表示されただけでイベント発生せず。
> > > Dim evt As Object
> > > Set evt = objIE.document.createEvent("HTMLEvents")
> > > evt.initEvent "change", True, False
> > >
> > > With objIE.document.getElementById("add_filter_select")
> > > .Value = "tracker_id"
> > > .dispatchEvent evt
> > > End With
> > >
> > > 3)JQueryを直接起動する(つもり。JavaScriptやJQueryは良く分から
> > >   ないので、Webに出ていたものを例にやってみました)
> > >   これも、値は表示されましたがイベントは起きませんでした。
> > >
> > > Dim evt As Object
> > > Set evt = objIE.document.createEvent("HTMLEvents")
> > > evt.initEvent "change", True, False
> > >
> > > objIE.document.getElementById("add_filter_select").Value = "tracker_id"
> > > objIE.navigate "JavaScript:addfilter('add_filter_select')"
> > >
> > > 以上です。

Message#3 2018年10月29日(月)16時19分
From: 斎藤
返事 変更
見ていただき、ありがとうございます。

JQueryはほとんど理解できていないので間違っているかもしれませんが、
この部分がイベントで実行されると思います。
> $('#add_filter_select').change(function() {
> addFilter($(this).val(), '', []);

実際の動作は、「フィルタ追加」のセレクトボックスで選択したものに
応じて、新たにセレクトボックスが表示されるというものです。
'#add_filter_select'に値を入れることはできたのですが、表示される
はずのセレクトボックスが表示されなかったので、changeイベントが
実行されていないためと思いました。




ジャッカルのメッセージ(#2)への返事

> どれがJQueryのイベントコード?
>
>
> > Redmineというプロジェクト管理ツールから、登録されているチケットをVBAで取得しようとしています。取得処理の中で、セレクトボックスを選択した後でJQueryのchangeイベントが発生する箇所があるのですが、イベントの起動ができません。本掲示板の過去スレッドに出ていた方法も試したのですが、うまくいきませんでした。
> > みなさんの知恵をお借りしたいです。よろしくお願いします。
> >
> > <対象ページの構造>
> > 1)HTMLの内容
> > ★で要素を選択すると、要素に応じたセレクトボックスが表示されます。
> > td class="add-filter"
> > label for="add_filter_select"?フィルタ追加 /label
> > select id="add_filter_select".../select★
> > /td
> >
> > 2)イベントの確認
> > ブラウザでselect id="add_filter_select"でEvent Listeners を
> > 確認すると、以下の通りでした。
> > ▼change
> >  ▼select#add_filter_select
> > application.js?1396112202:78
> > useCapture: true
> > passive: false
> > once: false
> > ▼handler: f()
> > ?[[scopes]]: Scopes[1]
> > [[FunctionLocation]]: <unknown>
> > ?__proto__: f()
> > ?prototype: {constructor: f}
> > name: ""
> > length: 0
> > caller: null
> > arguments: null
> > guid: 24
> >
> > handler の後のf() にマウスを乗せると、
> > function() { addfilter($this).val(), '',[]; }
> > と表示されました。
> >
> > 3)ソースの確認
> > handlerのf()で"Show Function Definition"を実行すると
> > 以下のソールが表示・選択されました。
> > function initFilters() {
> > $('#add_filter_select').change(function() {
> > addFilter($(this).val(), '', []);
> > });
> >
> > <試したこと>
> > 1)以下の方法では、値がセレクトボックスに表示されましたがイベント
> >   は発生しませんでした。
> > Dim evt As Object
> > Set evt = objIE.document.createEvent("HTMLEvents")
> > evt.initEvent "change", True, False
> >
> > objIE.document.getElementById("add_filter_select").Value = "tracker_id"
> > objIE.document.getElementById("add_filter_select").dispatchEvent evt
> >
> > 2)以下の方法も、値がセレクトボックスに表示されただけでイベント発生せず。
> > Dim evt As Object
> > Set evt = objIE.document.createEvent("HTMLEvents")
> > evt.initEvent "change", True, False
> >
> > With objIE.document.getElementById("add_filter_select")
> > .Value = "tracker_id"
> > .dispatchEvent evt
> > End With
> >
> > 3)JQueryを直接起動する(つもり。JavaScriptやJQueryは良く分から
> >   ないので、Webに出ていたものを例にやってみました)
> >   これも、値は表示されましたがイベントは起きませんでした。
> >
> > Dim evt As Object
> > Set evt = objIE.document.createEvent("HTMLEvents")
> > evt.initEvent "change", True, False
> >
> > objIE.document.getElementById("add_filter_select").Value = "tracker_id"
> > objIE.navigate "JavaScript:addfilter('add_filter_select')"
> >
> > 以上です。

Message#2 2018年10月26日(金)11時06分
From: ジャッカル
返事 変更
どれがJQueryのイベントコード?


> Redmineというプロジェクト管理ツールから、登録されているチケットをVBAで取得しようとしています。取得処理の中で、セレクトボックスを選択した後でJQueryのchangeイベントが発生する箇所があるのですが、イベントの起動ができません。本掲示板の過去スレッドに出ていた方法も試したのですが、うまくいきませんでした。
> みなさんの知恵をお借りしたいです。よろしくお願いします。
>
> <対象ページの構造>
> 1)HTMLの内容
> ★で要素を選択すると、要素に応じたセレクトボックスが表示されます。
> td class="add-filter"
> label for="add_filter_select"?フィルタ追加 /label
> select id="add_filter_select".../select★
> /td
>
> 2)イベントの確認
> ブラウザでselect id="add_filter_select"でEvent Listeners を
> 確認すると、以下の通りでした。
> ▼change
>  ▼select#add_filter_select
> application.js?1396112202:78
> useCapture: true
> passive: false
> once: false
> ▼handler: f()
> ?[[scopes]]: Scopes[1]
> [[FunctionLocation]]: <unknown>
> ?__proto__: f()
> ?prototype: {constructor: f}
> name: ""
> length: 0
> caller: null
> arguments: null
> guid: 24
>
> handler の後のf() にマウスを乗せると、
> function() { addfilter($this).val(), '',[]; }
> と表示されました。
>
> 3)ソースの確認
> handlerのf()で"Show Function Definition"を実行すると
> 以下のソールが表示・選択されました。
> function initFilters() {
> $('#add_filter_select').change(function() {
> addFilter($(this).val(), '', []);
> });
>
> <試したこと>
> 1)以下の方法では、値がセレクトボックスに表示されましたがイベント
>   は発生しませんでした。
> Dim evt As Object
> Set evt = objIE.document.createEvent("HTMLEvents")
> evt.initEvent "change", True, False
>
> objIE.document.getElementById("add_filter_select").Value = "tracker_id"
> objIE.document.getElementById("add_filter_select").dispatchEvent evt
>
> 2)以下の方法も、値がセレクトボックスに表示されただけでイベント発生せず。
> Dim evt As Object
> Set evt = objIE.document.createEvent("HTMLEvents")
> evt.initEvent "change", True, False
>
> With objIE.document.getElementById("add_filter_select")
> .Value = "tracker_id"
> .dispatchEvent evt
> End With
>
> 3)JQueryを直接起動する(つもり。JavaScriptやJQueryは良く分から
>   ないので、Webに出ていたものを例にやってみました)
>   これも、値は表示されましたがイベントは起きませんでした。
>
> Dim evt As Object
> Set evt = objIE.document.createEvent("HTMLEvents")
> evt.initEvent "change", True, False
>
> objIE.document.getElementById("add_filter_select").Value = "tracker_id"
> objIE.navigate "JavaScript:addfilter('add_filter_select')"
>
> 以上です。

Message#1 2018年10月22日(月)10時55分
From: 斎藤
返事 変更
Redmineというプロジェクト管理ツールから、登録されているチケットをVBAで取得しようとしています。取得処理の中で、セレクトボックスを選択した後でJQueryのchangeイベントが発生する箇所があるのですが、イベントの起動ができません。本掲示板の過去スレッドに出ていた方法も試したのですが、うまくいきませんでした。
みなさんの知恵をお借りしたいです。よろしくお願いします。

<対象ページの構造>
1)HTMLの内容
★で要素を選択すると、要素に応じたセレクトボックスが表示されます。
td class="add-filter"
label for="add_filter_select"?フィルタ追加 /label
select id="add_filter_select".../select★
/td

2)イベントの確認
ブラウザでselect id="add_filter_select"でEvent Listeners を
確認すると、以下の通りでした。
▼change
 ▼select#add_filter_select
application.js?1396112202:78
useCapture: true
passive: false
once: false
▼handler: f()
?[[scopes]]: Scopes[1]
[[FunctionLocation]]: <unknown>
?__proto__: f()
?prototype: {constructor: f}
name: ""
length: 0
caller: null
arguments: null
guid: 24

handler の後のf() にマウスを乗せると、
function() { addfilter($this).val(), '',[]; }
と表示されました。

3)ソースの確認
handlerのf()で"Show Function Definition"を実行すると
以下のソールが表示・選択されました。
function initFilters() {
$('#add_filter_select').change(function() {
addFilter($(this).val(), '', []);
});

<試したこと>
1)以下の方法では、値がセレクトボックスに表示されましたがイベント
  は発生しませんでした。
Dim evt As Object
Set evt = objIE.document.createEvent("HTMLEvents")
evt.initEvent "change", True, False

objIE.document.getElementById("add_filter_select").Value = "tracker_id"
objIE.document.getElementById("add_filter_select").dispatchEvent evt

2)以下の方法も、値がセレクトボックスに表示されただけでイベント発生せず。
Dim evt As Object
Set evt = objIE.document.createEvent("HTMLEvents")
evt.initEvent "change", True, False

With objIE.document.getElementById("add_filter_select")
.Value = "tracker_id"
.dispatchEvent evt
End With

3)JQueryを直接起動する(つもり。JavaScriptやJQueryは良く分から
  ないので、Webに出ていたものを例にやってみました)
  これも、値は表示されましたがイベントは起きませんでした。

Dim evt As Object
Set evt = objIE.document.createEvent("HTMLEvents")
evt.initEvent "change", True, False

objIE.document.getElementById("add_filter_select").Value = "tracker_id"
objIE.navigate "JavaScript:addfilter('add_filter_select')"

以上です。

最新20件 最新50件 最新100件 最新200件 200件以前
昨日以降 2日前以降 3日前以降 4日前以降 5日前以降

VBAのIE制御についてのQ&A掲示板

↑エクセルVBAのIE(InternetExplorer)操作で分からない事があればこちらの掲示板よりご質問ください^^

ExcelのVBA初心者入門

↑こちらはExcelのVBAをマスターできるよう初心者向けのエクセルVBA入門コンテンツになります^^

VBAのIE制御入門RSS

RSSフィードを登録すると最新記事を受け取ることができます。

VBAIE操作のスカイプレッスン

VBAでIE(InternetExplorer)制御の準備

エクセルVBAでIE制御の応用編

こちらでは、エクセルVBAで実際に作成したIE(InternetExplorer)制御ツールをまとめています。自動ログインや情報収集など具体的に解説しています。IE(InternetExplorer)制御をされる方は参考にしてください。

【ダウンロード】IE操作に便利なツール

こちらでは、これまでに紹介したIE(InternetExplorer)操作で便利な機能をツール化しています。無償でダウンロードできますので、目的に合わせたご利用ください。

スポンサー リンク

IEオブジェクトのメソッド・プロパティ

こちらでは、IE(InternetExplorer)オブジェクトのメソッド・プロパティをまとめています。

IE操作に利用されているVBA関数

こちらでは、エクセルVBAのIE(InternetExplorer)操作で利用されたVBA関数をまとめています。

スポンサー リンク

IE操作に利用されているステートメント

こちらでは、エクセルVBAのIE(InternetExplorer)操作で利用されたステートメントをまとめています。ExcelのVBAで基本的な部分になりますので、しっかり理解しましょう。

IE(InternetExplorer)制御のVBAコード

こちらでは、これまでに作成したIE(InternetExplorer)操作で役立つサブルーチンをまとめています。
全てをコピーする必要はありませんが、目的に合わせたサブルーチンをご利用ください。

ExcelのVBAで作成した役立つVBAコード

こちらでは、IE(InternetExplorer)制御の利用だけでなく、Excel全般で利用できるVBAコードです。エクセルVBAで役に立つものばかりですので、ご利用ください。

dmb.cgi Ver. 1.068
Copyright(C) 1997-2014, hidekik.com