Hiding the Arrow of a Drop Down List on exit

[#1]

I have a form with a drop down list containing various items. Once an item has been selected i want the arrow head to disappear and then reappear on entry again. I believe the only way to do this is to make the field read only on exit and then open again on entry but i have no idea how to write that script. (still learning)!  any help would be appreciated. 

[#2]

It works if I tab into it, but not if i click it.

[#3]

Yeah I clicked it. I'll keep trying, hopefully its a simple fix.

[#4]

Did you click it? It worked for me. Only when clicking the dropDownList did it show the arrow, you can select a different item and then it was made readOnly again. The arrow wont show when hovering over it.

[#5]

I don't know why it would not work... I'd look the JavaScript console debugger see if there's any syntax error or anything.

But the statement I provided is suppose to work.

[#6]

Magus069 thank you, the exit is just what i'm looking for.

However on enter it doesn't change back to open?

[#7]

Magus069 thank you, the exit is just what i'm looking for.

However on enter it doesn't change back to open?

[#8]

Hi there,

you got this right. Read only when exiting and open when entering. You can achieve this by using the following scripts:

You can refer to LiveCycle access' reference for values possibilities at the following link

Adobe LiveCycle ES4 * access

Hope this will help.