如何在點擊不同的行時提醒ID？

Question

我有兩個結果我選擇Db爲文本1和文本2，他們有不同的ID，但是當我點擊_2它提醒文本1

我的PHP的ID回聲

echo'<p><input id="textid" type="hidden" value="'.$msg->id.'">'.$msg->text.'</p>'; 

這是我的js代碼

var getid= document.getElementById('textid').value; 
    $("p").click(function(){  
     alert(getid); 
    }); 

Answer 1

您不能使用兩個輸入相同的id。 ID s應該是唯一，每頁只有1個id。但我猜，因爲你沒有發佈超過1行的HTML。

我將輸入標籤上的id更改爲class。

然後移動變量裏面的的點擊功能來定位點擊的p。獲得輸入值的正確方法是使用.val()而不是.value。

$("p").click(function(){  
 
     var getid= $(this).children('.textid').val(); 
 
     alert(getid); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<p><input class="textid" type="hidden" value="VALUE IS 1">'.$msg->text.'</p> 
 

 
<p><input class="textid" type="hidden" value="VALUE IS 2">'.$msg->text.'</p>

Answer 2

PHP

echo'<p><input id="textid_1" type="hidden" value="'.$msg->id.'">'.$msg->text.'</p>'; 
echo'<p><input id="textid_2" type="hidden" value="'.$msg->id.'">'.$msg->text.'</p>'; 

JS

$("p").click(function(){ 
    alert($(this).find("input").val()); 
});