onChange Event

mcinar · May 10th, 2007, 07:57 AM

Hi All,

I am using the "onChange" event in <SELECT> tag.

When I pick the first item in the drop down list, the "onChange" event fires. But if I pick the same item again, it doesn't fire.

I believe this is the normal process.

But, how I can make it work?

Thanks for your help,:)

<HTML>
<HEAD>
    <script language=javascript>
    function ShowValue()
    {
   alert(form1.DD1.value);
    }

    </script>
</HEAD>

<BODY>

<form name=form1>
    <select name=DD1 onChange="javascript:ShowValue()">
        <option value=1>Item 1</option>
        <option value=2>Item 2</option>
        <option value=3>Item 3</option>
    </select>
</form>

</BODY>
</HTML>

MCinar

Love all the creatures because of the creator.

joefawcett · May 10th, 2007, 11:28 AM

Well what do you expect, onchange fires when there's a selection change? Perhaps you can use onclick and see which is the selectedIndex and then show the value. (Using DD1.value directly is IE only.)

--

Joe (Microsoft MVP - XML)

mcinar · May 10th, 2007, 04:19 PM

Thanks Joe.
I have already tried "onClick" event. It didn't work. Everytime I click on the dropdown list, it calls the function. It doesn't give you chance to change the options.

MCinar

Love all the creatures because of the creator.

joefawcett · May 10th, 2007, 04:24 PM

I think you need to explain what exactly you're trying to achieve.

--

Joe (Microsoft MVP - XML)

mcinar · May 10th, 2007, 08:53 PM

Joe,

What I am trying to allow the users to be able to pick the same option on the drop down list without selecting the other options in order to call the JavaScript function.

Let's say;
A user picks ITEM 1 which calls a function.
Then, the user picks ITEM 1 again which should call the same function.

Thanks for your help.

MCinar

Love all the creatures because of the creator.

dparsons · May 10th, 2007, 10:29 PM

Ok. I understand what you WANT to do but your current throught process isn't going to get you there.

The web is a stateless medium and the only way we know when to do "something" is when the user does something that we can detect (an event). When I select an option from a dropdown the onChange event is fired and, until i change my selection, that event is never going to get fired again for that dropdown. This is your short coming.

What I think your best approach would be is something like this:

User selects item 1 --> This raises a JavaScript Function --> Write the value to a div, store the value in a variable, create text boxes on the fly whatever --> Reset the index of the select list back to 0 --> Repeat.

hth.

================================================== =========
Read this if you want to know how to get a correct reply for your question:
http://www.catb.org/~esr/faqs/smart-questions.html
================================================== =========
Technical Editor for: Professional Search Engine Optimization with ASP.NET
http://www.wiley.com/WileyCDA/WileyT...470131470.html
================================================== =========
Why can't Programmers, program??
http://www.codinghorror.com/blog/archives/000781.html
================================================== =========

joefawcett · May 11th, 2007, 02:18 AM

Can you show why the onclick doesn't work? When the user clicks on an option you run the function associated with that option. Alternatively don't use a select, use a column of buttons.

--

Joe (Microsoft MVP - XML)

mcinar · May 11th, 2007, 08:32 AM

Thanks Doug. It is a helpful Information. I will try it.

MCinar

Love all the creatures because of the creator.

mcinar · May 11th, 2007, 08:34 AM

Thanks Joe. Because of the <SELECT> tag, onClick works for the first item.
I need to use <SELECT> tag.

MCinar

Love all the creatures because of the creator.

mcinar · May 11th, 2007, 08:52 AM

Doug, if you don't mind of sending me a sample code. Thanks.

MCinar

Love all the creatures because of the creator.