JQueryVal函式不能正常作業-有解無憂

我已經在我的代碼中顯示了保存在資料庫中的檔案，這意味著我使用了一個回圈來顯示它們，并且在這個回圈中的每個元素中我都輸入了檔案名和隱藏型別的輸入，它的檔案路徑作為該輸入的值，所以我想顯示每個檔案的值當我在警報框中單擊它時，但是當我單擊任何檔案時，警報框會顯示保存在資料庫中的最后一個檔案路徑。

$(document).on("click","#download",function(){
    var file=$("#displayfilename:input").val();
    alert(file);
    console.log(file);
});
setInterval(function(){
    $.ajax({
        url:'loaddivdata.php',
        success:function(response){
            $(".postsshow").html(response);
        }
    });
},100);

<?PHP
//loaddata.php
include("../classses/autoload.php");      
$DB=new connection();
$query="select * from posttext order by id desc";
$result=$DB->read($query);
if($result){
    foreach($result as $posts){
        $output='<div >';
        if($posts['file']!=""){
            $extensionfile=pathinfo($posts['file'],PATHINFO_EXTENSION);
            $filename=pathinfo($posts['file'],PATHINFO_FILENAME);
            $filepath=$posts['file'];
            if( $extensionfile=='docx' || $extensionfile=="doc" ||
                $extensionfile=="dot"|| $extensionfile=="dotm" || 
                $extensionfile=="dotx" || $extensionfile=="docm")
            {
                $output .='<a href="#" id="download"><img src="../icons/svg/png/142-mot-2.png" style="width: 30px;"/>'.$filename.'.'.$extensionfile.'<input type="hidden" name="displayfilename" id="displayfilename" value="'.$filepath.'"></a>'.'<br>';
            }elseif( $extensionfile=="xls" || $extensionfile=="xlsx" || 
                     $extensionfile=="xlt" || $extensionfile=="xlsm"|| 
                     $extensionfile=="xltx" || $extensionfile=="xltm" || 
                     $extensionfile=="xla"|| $extensionfile=="xlam" )
            {
                $output .='<a href="#" id="download"><img src="../icons/svg/png/140-exceller.png" style="width: 30px;"/>'.$filename.'.'.$extensionfile.'<input type="hidden" name="displayfilename" id="displayfilename" value="'.$filepath.'"></a>'.'<br>';
            }elseif( $extensionfile =='pdf' ){
                $output .='<a href="#" id="download"><img src="../icons/svg/png/134-pdf.png" style="width: 30px;"/>'.$filename.'.'.$extensionfile.'<input type="hidden" name="displayfilename" id="displayfilename" value="'.$filepath.'"></a>'.'<br>';
            }
        }
        $output.='<hr></div>';
        echo $output;            
    }
}else{
    echo "no posts found";
}
?>

uj5u.com熱心網友回復：

如果我理解你的問題，請替換這個：

var file= $("#displayfilename:input").val();

這樣

var file= $(this).find("input#displayfilename").val();

您需要使用類 '.download' 而不是 id '#download'，因為 ids 是一個唯一的選擇器，您不能在多個元素中使用相同的 id，它只會回傳第一個元素

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/334929.html

標籤：javascript php html 查询阿贾克斯

上一篇：單個字符的寬度是多少？

下一篇：在移動設備上重新排列多個div？