javascript - 单击文本后单击表单

Question

在此，当我单击“上传照片”时，我希望单击表单的“选择文件”。我想隐藏表单并通过单击“上传照片”触发表单。我怎样才能实现这一点(不使用标签)？

HTML:

 <div id="image_container" name="image_container">
            <img src="../image/ab.jpg"  alt="Cover" width="900px" height="500px">
            <div class="btn-group" id="cov" name="cov" >
               <button  class="btn dropdown-toggle" data-toggle="dropdown" id="mybtn" onclick="dropdown()">Action</button>
               <ul class="dropdown-menu" id="dropdown-menu" style="display:none">
    <!-- dropdown menu links -->
                <li><a href="">Upload Photo</a></li>

            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Another link</a></li>
               </ul>
            </div>
        </div>

<form action="upload.php" method="post" enctype="multipart/form-data" id="MyUploadForm">  
                    <input name="ImageFile" id="imageInput" type="file" />
                    <input type="submit"  id="submit-btn" value="Upload" />
                    <img src="img/loader.gif" id="loading-img" style="display:none;" alt="Please Wait"/>
                    </form>
<div id="output"></div>


JS:

    $(document).ready(function() { 
        var options = { 
            target: '#output', // target element(s) to be updated with server response 
            beforeSubmit: beforeSubmit, // pre-submit callback 
            success: afterSuccess, // post-submit callback 
            resetForm: true // reset the form after successful submit 
        }; 

        $('#MyUploadForm').submit(function() { 
            $(this).ajaxSubmit(options);            
            // always return false to prevent standard browser submit and page navigation 
            return false; 
        }); 
    });

    function uploadfile(){
        $("imageInput").click();
    }

Answer 1

这样的东西会起作用(假设“上传照片”文本是一个链接):

$('#upload-photo-link').click(function(e) {
    e.preventDefault();
    $('#imageInput').trigger('click');
});

这是一个 fiddle :http://jsfiddle.net/Niffler/EvNLQ/