单击文本单击表单

时间:2014-05-30 18:57:09

标签: javascript jquery onclick

当我点击"上传照片"我想要的形式是"选择文件"点击。我想通过点击"上传照片"来隐藏表格并触发表格。如何实现这一目标(不使用标签)?

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();
    }

1 个答案:

答案 0 :(得分:1)

这样的东西可行(假设“上传照片” - 文本是一个链接):

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

这是一个小提琴:http://jsfiddle.net/Niffler/EvNLQ/