的JavaScript顯示錨點擊一個輸入類型的文件

我的代碼如下：的JavaScript顯示錨點擊一個輸入類型的文件

<div class="fifty"> 
    <label>Credit report</label> 
    <input type="hidden" id="credtireport-link" name="credtireport-link" value="<?php echo $creditreport; ?>"> 

    <input type="file" name="creditreport" id="creditreport" <?php if($creditreport!=""){?> style="display:none" <?php } ?> > 
    <?php if($creditreport!="") { ?> 
    <a href="#" onclick="showfile();">Edit File</a> 
    <?php } ?> 
    </div> 
    <div class="fifty"> 
    <label>Employer’s ref</label> 
    <input type="hidden" id="employerref-link" name="employerref-link" value="<?php echo $employeer_ref_url; ?>"> 

    <input type="file" name="employerref" id="employerref" <?php if($employeer_ref_url!=""){?> style="display:none" <?php } ?>> 
    <?php if($employeer_ref_url=="") { ?> 
    <a href="#" onclick="showfile();">Edit File</a> 
    <?php } ?> 
    </div>

我想使用JavaScript編寫一個函數，它被稱爲上編輯文件錨點擊會顯示相應的輸入類型的文件。

解釋：如果有人點擊信用報告的錨點，那麼它應該只顯示<input type="file" name="creditreport" id="creditreport">。

我的JavaScript代碼：

function showfile() 
{ 
    var id=$(this).parent().find('input[type="file"]').toggle(); 
    return false; 
}

來源

2016-08-14 Talha Aslam

如果我有，每一次我問別人一個鎳爲我寫代碼！ –

@ NehalJ.Wani我寫了一個代碼不工作 –

請發佈一個功能的例子，說明你的問題[jsFiddle]（http://jsfiddle.net/）。另請參見：[如何創建一個最小化，完整和可驗證的示例]（http://stackoverflow.com/help/mcve） –

HTML

<a href="#" onclick="showfile(this);">Edit File</a>

的JavaScript

function showfile(el) { 
    var id = $(el).prev(":file").toggle(); 
    return false; 
}

plnkr http://plnkr.co/edit/MjZkZvFjlqj4a8HffYaF?p=preview

來源

2016-08-14 15:07:27 guest271314

它需要頁面的頂部你能幫我解決這個問題嗎？ –

它需要我top top of page please please helo –

@TalhaAslam用''輸入類型=「文件」>'元素'id'替換''＃''''元素'href'，例如'Edit File';請參閱http://plnkr.co/edit/MjZkZvFjlqj4a8HffYaF?p=preview – guest271314

的JavaScript顯示錨點擊一個輸入類型的文件

回答

相關問題