Question

我想使用动态jquery从文本框中获取数据。它应该就像我点击更新按钮它应该打开一个警告对话框，其中的值在相应的文本框中的文本框中输入，但我的程序不是wokrking。首先它不是从文本框中获取数据，其次它不是从相应的文本框中获取数据

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $("table tr td input[type='button']").click(function() {
$(this).closest('tr').find('td').first().find('input[type="text"]').prop('disabled', false);
 });
});
//===========================================

$(document).ready(function(){
$('.chkUpdate').on('click', function(){
  // var serverName =document.getElementById("servername").value;
  // var app = document.getElementById("app").value;
   //var other = $(this).text();
    var other = $(this).text();
    alert(other);    
  });
}); 

</script>
</head>
<table>
<tr> 
    <td> <input type="text" disabled value="Edit"/> </td>      
    <td> <input type="button" name="test" value="Edit"/> </td>
    <td> <input type="submit" name="test" class="chkUpdate" value="update"/> </td>

</tr>
<tr> 
    <td> <input type="text" name="test" disabled value="Edit"/> </td>
    <td> <input type="button" name="test" value="Edit"/> </td> 
   <td> <input type="submit" name="test" class="chkUpdate" value="update"/> </td>
</tr>
<tr>
    <td> <input type="text" name="test" disabled value="Edit"/> </td>
    <td> <input type="button" name="test" value="Edit"/> </td> 
    <td> <input type="submit" name="test" class="chkUpdate" value="update"/> </td>
</tr>
</table>
</html>

Answer 1

基本上，从我所看到的，您的检查更新功能是尝试从 this 获取文本（值），这是更新按钮。您需要创建一些按钮可以确定哪个输入/文本需要更新的方法。

您在输入按钮中使用的代码非常漂亮，您可以在检查更新提交按钮中使用类似的内容。

另外，一个较小的注释，因为两个事件处理程序都在文档/就绪代码中，使它成为单个文档。

Answer 2

$(document).ready(function() {
    $("input[type='button']").click(function() {
       $(this).parent().parent().find('td').first().find('input[type="text"]').attr('disabled', false);
       alert($(this).parent().parent().find('td').first().find('input[type="text"]').val());
 });
});

或者您可以使用类似

的内容

$(document).ready(function() {
        $("input[type='button']").click(function() {
           $(this).parent().prev().find('input[type="text"]').attr('disabled', false);
           alert($(this).parent().prev().find('input[type="text"]').val());
     });
    });

如何使用jquery从文本框中获取动态数据？

2 个答案: