php - 如何使用jquery获取编辑文本的值

Question

嗨，我想从 JQuery 获取更改后的文本值，但我无法选择使用 JQUERY 编辑文本，因为编辑从 php while 循环生成的文本，该 php 代码查询数据库并获取编辑文本的值，在我的程序中我有每个编辑文本的编辑按钮，当用户更改编辑文本的值时，我选择新值，当用户单击编辑按钮时，使用 jquery $.ajax 函数将此值从 get 方法发送到另一个 php 页面并发送使用ajax为该php代码添加新值。但是我不知道如何选择编辑文本，因为它的值已更改，因为我不知道该编辑文本的ID!。当我为每个编辑文本设置一个ID时，我只从 $("#id").change().val(); 获取第一个编辑文本值。我使用下面的代码，但它不起作用。我是 java 脚本的初学者，不'不知道如何解决这个问题!

var testAnswer;

function setNewTestAnswer(id){
    testAnswer = $("#id").val();
}
function sendToEdit(pID,phID,thDate,type){
    var info = 'pId='+pID+'&phId='+phID+'&testAnswer='+testAnswer+'&thDate='+thDate+'&type='+type;
}

第二个函数使用用户在编辑文本中更改的 testAnswer。
PHP代码

<?php
    include 'Connect.php'; 
    if(match($_POST['pId'], "/^[\d]+$/") ){
        $pId = $_POST['pId'];
        $result = mysql_query("select pName, pID, phName, phID, testHistoryDate, type, testAnswer from patient join reception using(pID) join physician using(phID) join testHistory using(rID) join test using(tID) where pID = $pId",$connection);
    }
    else
        die("Insert true value");
    while($row=mysql_fetch_array($result)){
        echo "<tr><td>";
        echo $row["pName"].'</td>';
        echo '<td>'.$row["phName"].'</td>';
        echo '<td>'.$row["testHistoryDate"].'</td>';
        echo '<td>'.$row["type"].'</td>';
        $type =  $row['type'];
        $testHistoryDate = $row['testHistoryDate'];
        ?>
        <td>
            <span id='spryTanswer'>
                <input type='text' name='tAnswer' id='tAnswer' value='<?php echo $row['testAnswer']; ?>' />
            </span>
        </td>
        <td>
            <input type='submit' value='Edit' name='edit' id='edit' onclick="sendToEdit('<?php echo $row['pID'] ?>','<?php echo $row['phID'] ?>', '<?php echo $row['testHistoryDate'] ?>', '<?php echo $row['type'] ?>')" />
        </td>
        </tr>
    <?php } ?>

Answer 1

tl;博士

因此，尚不完全清楚您要在这里做什么，但我可以解释一些可能有帮助的事情。

• 在 html 中的 id 应该是唯一的。您不必遵守此规则即可让您的页面正常工作，但您已经发现了违反此规则的后果之一:jQuery 只会找到第一个。

• 最好将 html id 基于数据的某些唯一属性，例如表行 id。

• 例如，您可以使用 jQuery 选择器获得更多创意

  $('input[type="text"]')//获取所有文本输入

• 使用类。当您希望能够轻松选择所有一组 html 元素时，您应该为它们指定相同的类名。一个元素可以有多个类名，并且许多元素可以共享一个类名。然后你可以使用 jquery 按类名选择它们，如下所示:

  $('.myclassname')

我认为你需要更改你的 php 使其看起来更像这样:

<span class='spryTanswer'>
  <input type='text' name='tAnswer' id='tAnswer-<?php echo $row['id'] ?>' value='<?php echo $row['testAnswer']; ?>' />
</span>