file upload not working in firefox

I have in my asp.net page

       <input id="MyTextBox" runat="server" type="text" name="T1" size="20"/>

       <asp:Button ID="UploadFileButton" runat="server" Text="Upload"  /> 

      <input id="FileUpload" runat="server"  type="file"  style="height: 22px; visibility:hidden;" />

linked to JS script:

       $("#UploadFileButton").live("click", function(event) {

            event.preventDefault();

            $("#FileUpload").click();

   开发者_JS百科    });
     $(function() {
       $('#FileUpload').change(function() {
               $("#MyTextBox").val($(this).val());
        });
    });

This means when the user click UploadFileButton ,the chose file select popup shows.

After the user chose a file the MyTextBox=Selct file path.

My problem is that my script works in Chrome but not in Firefox.

Any ideas please if someone has already encountered this problem.

---

If you research this you find that in a lot of browsers triggering a click on the <input type='file' /> element is not allowed. It works in Chrome as long as the click is triggered by actual human interaction - even if the click event handler of another element triggers the click event on another. I'm only 90% sure about this, though.

---

I had the same problem, you can use this code:

<input id="FileUpload" runat="server"  type="file"  style="height: 22px; onchange="fill();"/>

    <script language="javascript">
    function fill()
    {    
      $("#<%=MyTextBox.ClientID%>").val($("#<%=FileUpload.ClientID%>").val())
    }
    </script>