2017-02-07 103 views
0

您好我想下載input類型提交被點擊。 這是我的代碼觸發點擊當我點擊neibour元素

<input type="submit" value="Try a sample" class="wpcf7-form-control wpcf7-submit"> 

<a href="<?php echo get_template_directory_uri()?>/pdf/AttackonNantucket.pdf" class="ddownload-button" download>Ram</a> 
+1

可能[的11620698重複(http://stackoverflow.com/questions/11620698/how-to-trigger-a-file-download-when-clicking- an-html-button-or-javascript) –

+1

[點擊html按鈕或javascript時如何觸發文件下載]可能的副本(http://stackoverflow.com/questions/11620698/how-to-trigger-a-文件下載,當點擊一個HTML按鈕或JavaScript) –

回答

1

您需要這樣做。

$('input[type="submit"]').on('click', function(){ 
    $(this).next().get(0).click(); 
}) 

點擊該submittrigger一個click爲這是在這種情況下hyper link的下一個元素。

因爲你有一個關於href的類,你也可以這樣做。

$('input[type="submit"]').on('click', function(){ 
    $('.ddownload-button').get(0).click(); 
}) 

$('input[type="submit"]').on('click', function() { 
 
    $(this).next().get(0).click(); 
 
}) 
 

 
$('a').on('click', function() { 
 
    alert('Ram clicked') 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="submit" value="Try a sample" class="wpcf7-form-control wpcf7-submit"> 
 
<a href="<?php echo get_template_directory_uri()?>/pdf/AttackonNantucket.pdf" class="ddownload-button" download>Ram</a>

+0

但該文件不下載 –

+0

@VijayKumarB被下載的文件是你c直接舔href? –

+0

是的,但它不是與上面的代碼 –