Problems with JS script in Chrome/FF

Question

I have a script javascript function to send a value back to a parent page from a hyperlink and then close the modal window that was used to select it.

It works fine in IE but in chrome it does nothing and FF it simply closes the modal window and does not return the value.

I need to get the behaviour all the same across these browsers.

JS Function:

<script type="text/javascript">
    function sendval(value){
        window.top.document.getElementById('txtCustomerType').innerText = value;
        window.parent.closeIframe();
        }
    </script>

ASP Gridview:

        <asp:TemplateField HeaderText="Customer Type">
            <ItemTemplate>
                <a href="javascript:sendval('<%# DataBinder.Eval(Container.DataItem, "CustType") %>');"><%# DataBinder.Eval(Container.DataItem, "CustType") %></a>
            </ItemTemplate>
        </asp:TemplateField>

Are you sure about `innerText`? Shouldn't you assign to `value` instead? — Frédéric Hamidi, Dec 09 '13 at 10:44
have you tried this : **$('#txtCustomerType').val(value)** ? — SpiderCode, Dec 09 '13 at 10:47
@FrédéricHamidi Please submit your answer, the value worked. — connersz, Dec 09 '13 at 10:50

score 2 · Accepted Answer · answered Dec 09 '13 at 10:52

Internet Explorer apparently lets you (incorrectly) use the innerText property to assign to an <input> element's value, but other browsers are not as permissive.

Use the appropriate property, value, instead:

window.top.document.getElementById('txtCustomerType').value = value;

Problems with JS script in Chrome/FF

1 Answers1