How to set id="otherOpt" style="display:none" in forms not in ftl to hide on unhide dynamically

["Kishore.M" <ki...@satyam.com>]

I want to hide productAssocTypeId-select box while loading form Initially.
After User selects rowSubmit-select box as -"Y" then only I want to unhide
productAssocTypeId-select box 
Pasted code Here:
<field position="1" name="_rowSubmit"
title="${uiLabelMap.productassociationtitle} :" widget-style="selectBox"
event="onClick"
action="javaScript:call(document.EditProduct._rowSubmit[document.EditProduct._rowSubmit.selectedIndex].value);">
			<drop-down no-current-selected-key="N">
				<option key="N" description="${uiLabelMap.CommonN}"/>
				<option key="Y" description="${uiLabelMap.CommonY}"/>
			</drop-down>
</field> -->
<field name="productAssocTypeId"
title="${uiLabelMap.productassociationtitle} :" widget-style="selectBox"
id="otherOpt" style="display:none"
tooltip="${uiLabelMap.productassociation_optional}">
			<drop-down allow-empty="true">
                <entity-options entity-name="ProductAssocType"
description="${description}">
                </entity-options>
            </drop-down>
</field>

Please help me in this.

Regards,
Kishore.M

-- 
View this message in context: http://www.nabble.com/How-to-set-id%3D%22otherOpt%22-style%3D%22display%3Anone%22-in-forms-not-in-ftl-to-hide-on-unhide-dynamically-tp14455228p14455228.html
Sent from the OFBiz - Dev mailing list archive at Nabble.com.