OK, I got it working. Using the following code, all <SELECT>
statement are affected:
$(function() {
$("select").change(function() {
$('[EMAIL PROTECTED]').attr('style', 'position:absolute;
top:200; left:400; height:145px; width:145px; z-index:2; background-
image: url(/sms_sge/App_Themes/smsTheme/Images/loadingAnimation.gif);
visibility:inline;');
});
});
My next question would be the use of the "contains" custom selector as
described in http://docs.jquery.com/DOM/Traversing/Selectors#Custom_Selectors_2.
I tried
$(function() {
$("/select:contains('ddlLocType')",
this).change(function() {
$('[EMAIL PROTECTED]').attr('style', 'position:absolute;
top:200; left:400; height:145px; width:145px; z-index:2; background-
image: url(/sms_sge/App_Themes/smsTheme/Images/loadingAnimation.gif);
visibility:inline;');
});
});
and also
$(function() {
$("select:contains('ddlLocType')", this).change(function()
{
$('[EMAIL PROTECTED]').attr('style', 'position:absolute;
top:200; left:400; height:145px; width:145px; z-index:2; background-
image: url(/sms_sge/App_Themes/smsTheme/Images/loadingAnimation.gif);
visibility:inline;');
});
});
trying to limit the call for the change function only for the select
statement whose id contains the text "ddlLocType".
On Sep 21, 1:00 pm, hobbit <[EMAIL PROTECTED]> wrote:
> I wonder if the problem in my application would be the fact that my
> <SELECT> is actually an ASP.Net DropDownList control that get
> converted to a <SELECT> at run time?
>
> On Sep 21, 12:00 pm, hobbit <[EMAIL PROTECTED]> wrote:
>
>
>
> > That is interesting. I tried your test page and it also works for me.
> > I wonder why it is not working in my application.
>
> > On Sep 21, 11:14 am, "Richard D. Worth" <[EMAIL PROTECTED]> wrote:
>
> > > Your code worked for me in IE and FF:
>
> > >http://pastie.caboo.se/99419
>
> > > - Richard
>
> > > On 9/21/07, hobbit <[EMAIL PROTECTED]> wrote:
>
> > > > I tried all the following and get no alerts:
>
> > > > $("select").keyup(function() {
> > > > alert("here1");
> > > > });
> > > > $("select").keydown(function() {
> > > > alert("here2");
> > > > });
> > > > $("select").keypress(function() {
> > > > alert("here3");
> > > > });
> > > > $("select").mousedown(function() {
> > > > alert("here4");
> > > > });
> > > > $("select").mouseout(function() {
> > > > alert("here5");
> > > > });
> > > > $("select").mouseup(function() {
> > > > alert("here6");
> > > > });
>
> > > > On Sep 21, 10:01 am, "Richard D. Worth" <[EMAIL PROTECTED]> wrote:
> > > > > The change event doesn't fire until the input is blurred (focus moves
> > > > away
> > > > > from the dropdown via tab-key or mouse click elsewhere). If you want
> > > > > to
> > > > > handle the "changes" to the selected option while they're being
> > > > > changed,
> > > > try
> > > > > keydown, keyup, or keypress.
>
> > > > > - Richard
>
> > > > > On 9/21/07, Brook Davies <[EMAIL PROTECTED]> wrote:
>
> > > > > > I've tried this, but it does not catch change events trigged by the
> > > > > > keyboard. Why?
>
> > > > > > Brook
>
> > > > > > -----Original Message-----
> > > > > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED]
> > > > On
> > > > > > Behalf Of Andy Matthews
> > > > > > Sent: September 20, 2007 1:21 PM
> > > > > > To: jquery-en@googlegroups.com
> > > > > > Subject: [jQuery] Re: NEWBIE QUESTION: Catch Select event
>
> > > > > > I believe you'd want the change handler.
>
> > > > > > $("select").change(function() {
> > > > > > //do some stuff here...
> > > > > > )};
>
> > > > > > -----Original Message-----
> > > > > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED]
> > > > On
> > > > > > Behalf Of hobbit
> > > > > > Sent: Thursday, September 20, 2007 1:22 PM
> > > > > > To: jQuery (English)
> > > > > > Subject: [jQuery] NEWBIE QUESTION: Catch Select event
>
> > > > > > Hi,
>
> > > > > > I would like to catch the select event when a user changes the
> > > > > > select
> > > > item
> > > > > > in any <SELECT> in a form. Something like:
>
> > > > > > $("select").select(function() {
> > > > > > //do some stuff here...
> > > > > > )};
>
> > > > > > Is this feasible?- Hide quoted text -
>
> > > > > - Show quoted text -- Hide quoted text -
>
> > > - Show quoted text -- Hide quoted text -
>
> > - Show quoted text -- Hide quoted text -
>
> - Show quoted text -
