I want to hide filebox item, click image obj to trigger filebox to select file

[James]

How to do that?

[jarry]

Custom the style to make the button full fill the whole component.

Code:

<style type="text/css">
	.fb1 .textbox-button{
		width: 100%;
	}
</style>
<input class="easyui-filebox" data-options="cls:'fb1',width:100">

[James]

Custom the style to make the button full fill the whole component.

Code:

<style type="text/css">
	.fb1 .textbox-button{
		width: 100%;
	}
</style>
<input class="easyui-filebox" data-options="cls:'fb1',width:100">

You missunderstand me. I mean totally hide filebox, click image item to make filebox work.
http://jsfiddle.net/5jkew2uf/2/

Code:

        <img id="imageshow" src="" style="width:100px;height:100px">
        <div style="display:none">
          <input id="filebox" class="easyui-filebox">
        </div>
        <script>
            $(function () {
                $('#imageshow').click(function(){
                	//here to click filebox's "Choose File" button
                })
            });
        </script>

[jarry]

Call this line to trigger the filebox to choose a file.

Code:

$('#filebox').next().find('.textbox-value')[0].click();

The example is available from http://jsfiddle.net/5jkew2uf/5/